@almadar/shell-web 0.0.0-stage → 1.0.0

package/themes/game-rpg.css

@@ -0,0 +1,203 @@
+/**
+ * GENERATED — do not edit by hand.
+ * Source: packages/almadar-core/themes/game-rpg.json
+ * Regenerate: node tools/almadar-pattern-sync/dist/index.js themes (or `almadar-sync themes`)
+ */
+
+[data-theme="game-rpg-dark"] {
+    --color-primary: #d99a4e;
+    --color-primary-hover: #e6ac66;
+    --color-primary-foreground: #1a1108;
+    --color-secondary: #4a3520;
+    --color-secondary-hover: #5a4227;
+    --color-secondary-foreground: #f5e6cf;
+    --color-accent: #f0c869;
+    --color-accent-foreground: #1a1108;
+    --color-muted: #3a2a18;
+    --color-muted-foreground: #e0cba8;
+    --color-background: #1a1108;
+    --color-foreground: #f5e6cf;
+    --color-card: #6e4f30;
+    --color-card-foreground: #fff5e0;
+    --color-surface: #2a1d10;
+    --color-border: #886644;
+    --color-input: #4a3520;
+    --color-ring: #f0c869;
+    --color-error: #d9534f;
+    --color-error-foreground: #1a0808;
+    --color-success: #7ba05b;
+    --color-success-foreground: #0d1a08;
+    --color-warning: #f0c869;
+    --color-warning-foreground: #1a1108;
+    --color-info: #d99a4e;
+    --color-info-foreground: #1a1108;
+    --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-diagram-ink: #fbfcd8;
+    --color-diagram-label: #e0cba8;
+    --color-diagram-guide: #a8875c;
+    --color-diagram-axis: #c9ad7f;
+    --color-diagram-grid: #4a3520;
+    --color-diagram-highlight: #e9e990;
+    --color-diagram-fill: #3a2a18;
+    --color-series-1: #d99a4e;
+    --color-series-2: #7fb0d9;
+    --color-series-3: #9ccf6a;
+    --color-series-4: #d98ab0;
+    --color-series-5: #b4ad64;
+    --color-series-6: #7fd0c0;
+    --color-series-7: #ea8368;
+    --color-series-8: #b39ddb;
+    --radius-none: 0px;
+    --radius-sm: 6px;
+    --radius-md: 10px;
+    --radius-lg: 14px;
+    --radius-xl: 18px;
+    --radius-full: 9999px;
+    --border-width: 3px;
+    --border-width-thin: 2px;
+    --border-width-thick: 4px;
+    --game-panel-border-image: url('https://almadar-kflow-assets.web.app/shared/ui-game-shell/kenney-ui-adventure-pack/ui/panel_brown.png');
+    --game-panel-border-image-slice: 26 fill;
+    --game-panel-border-image-width: 22px;
+    --game-button-bg-image: url('https://almadar-kflow-assets.web.app/shared/ui-game-shell/kenney-ui-adventure-pack/ui/buttonLong_brown.png');
+    --font-family: "Kenney Mini", ui-sans-serif, system-ui, sans-serif;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: 0.02em;
+    --line-height: 1.5;
+    --icon-color: #f0c869;
+    --transition-fast: 100ms;
+    --transition-normal: 200ms;
+    --transition-slow: 400ms;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+    --hover-scale: 1.01;
+    --hover-translate-y: -1px;
+    --hover-translate-x: 0;
+    --active-scale: 0.99;
+    --active-translate-y: 0;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #f0c869;
+    --shadow-main: inset 0 0 0 1px rgba(240,200,105,0.30), 0 4px 10px rgba(0,0,0,0.55);
+    --shadow-sm: inset 0 0 0 1px rgba(240,200,105,0.25), 0 2px 5px rgba(0,0,0,0.5);
+    --shadow-lg: inset 0 0 0 1px rgba(240,200,105,0.35), 0 12px 28px rgba(0,0,0,0.65);
+    --shadow-inner: inset 0 2px 6px rgba(0,0,0,0.55);
+    --shadow-none: none;
+    --shadow-hover: inset 0 0 0 1px rgba(240,200,105,0.5), 0 6px 16px rgba(240,200,105,0.22);
+    --shadow-active: inset 0 3px 6px rgba(0,0,0,0.6);
+    --space-0: 0px;
+    --space-1: 4px;
+    --space-2: 8px;
+    --space-3: 12px;
+    --space-4: 16px;
+    --space-5: 20px;
+    --space-6: 24px;
+    --space-7: 28px;
+    --space-8: 32px;
+    --space-9: 36px;
+    --space-10: 40px;
+    --space-11: 44px;
+    --space-12: 48px;
+    --button-height-sm: 28px;
+    --button-height-md: 36px;
+    --button-height-lg: 44px;
+    --input-height-sm: 28px;
+    --input-height-md: 36px;
+    --input-height-lg: 44px;
+    --row-height-compact: 32px;
+    --row-height-normal: 40px;
+    --row-height-spacious: 48px;
+    --card-padding-sm: 12px;
+    --card-padding-md: 16px;
+    --card-padding-lg: 24px;
+    --dialog-padding: 24px;
+    --section-gap: 32px;
+    --font-family-display: "MedievalSharp", Georgia, serif;
+    --font-family-body: var(--font-family);
+    --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    --heading-weight: 400;
+    --heading-transform: none;
+    --heading-tracking: 0.02em;
+    --heading-style: normal;
+    --text-xs: 12px;
+    --leading-xs: 16px;
+    --text-sm: 14px;
+    --leading-sm: 20px;
+    --text-base: 16px;
+    --leading-base: 24px;
+    --text-lg: 18px;
+    --leading-lg: 28px;
+    --text-xl: 20px;
+    --leading-xl: 28px;
+    --text-2xl: 24px;
+    --leading-2xl: 32px;
+    --text-3xl: 30px;
+    --leading-3xl: 36px;
+    --text-4xl: 36px;
+    --leading-4xl: 40px;
+    --text-display-1: 48px;
+    --leading-display-1: 52px;
+    --text-display-2: 60px;
+    --leading-display-2: 64px;
+    --intent-heading-major-size: var(--text-2xl);
+    --intent-heading-major-weight: var(--font-weight-bold);
+    --intent-heading-major-leading: var(--leading-2xl);
+    --intent-heading-minor-size: var(--text-lg);
+    --intent-heading-minor-weight: var(--font-weight-bold);
+    --intent-heading-minor-leading: var(--leading-lg);
+    --intent-body-emphasis-size: var(--text-base);
+    --intent-body-emphasis-weight: var(--font-weight-medium);
+    --intent-body-emphasis-leading: var(--leading-base);
+    --intent-body-default-size: var(--text-sm);
+    --intent-body-default-weight: var(--font-weight-normal);
+    --intent-body-default-leading: var(--leading-sm);
+    --intent-body-quiet-size: var(--text-sm);
+    --intent-body-quiet-weight: var(--font-weight-normal);
+    --intent-body-quiet-leading: var(--leading-sm);
+    --intent-caption-size: var(--text-xs);
+    --intent-caption-weight: var(--font-weight-normal);
+    --intent-caption-leading: var(--leading-xs);
+    --intent-numeric-size: var(--text-sm);
+    --intent-numeric-weight: var(--font-weight-medium);
+    --intent-numeric-leading: var(--leading-sm);
+    --duration-instant: 0ms;
+    --duration-fast: var(--transition-fast);
+    --duration-normal: var(--transition-normal);
+    --duration-slow: var(--transition-slow);
+    --duration-dramatic: 600ms;
+    --easing-linear: linear;
+    --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
+    --easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
+    --easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+    --motion-modal-enter-from-transform: perspective(800px) rotateX(-20deg);
+    --motion-modal-exit-to-transform: perspective(800px) rotateX(-20deg);
+    --motion-popover-enter-from-transform: scale(0.95);
+    --motion-popover-exit-to-transform: scale(0.95);
+    --motion-toast-enter-from-transform: translateY(-16px);
+    --motion-toast-exit-to-transform: translateY(-16px);
+    --motion-page-enter-from-transform: translateY(8px);
+    --icon-family: phosphor-duotone;
+    --icon-stroke-width: 1.5;
+    --icon-default-size: 16px;
+    --elevation-card: var(--shadow-main);
+    --elevation-popover: var(--shadow-lg);
+    --elevation-dialog: var(--shadow-lg);
+    --elevation-toast: var(--shadow-main);
+    --elevation-interactive: var(--shadow-sm);
+    --elevation-pressed: var(--shadow-inner);
+    --radius-container: var(--radius-lg);
+    --radius-interactive: var(--radius-md);
+    --radius-pill: var(--radius-full);
+    --border-hairline: 1px;
+    --border-standard: var(--border-width);
+    --border-heavy: var(--border-width-thick);
+    --corner-shape: scoop;
+    --corner-shape-pill: scoop;
+    --border-style: ridge;
+    --border-style-interactive: ridge;
+    --surface-card-image: linear-gradient(180deg, rgba(240,200,105,0.10) 0%, rgba(0,0,0,0.12) 100%);
+    --surface-page-image: radial-gradient(ellipse at 50% 0%, rgba(240,200,105,0.10), transparent 60%);
+    --surface-page-image-size: 100% 100%;
+    --surface-diagram: #22170c;
+}

package/themes/game-sci-fi.css

@@ -0,0 +1,201 @@
+/**
+ * GENERATED — do not edit by hand.
+ * Source: packages/almadar-core/themes/game-sci-fi.json
+ * Regenerate: node tools/almadar-pattern-sync/dist/index.js themes (or `almadar-sync themes`)
+ */
+
+[data-theme="game-sci-fi-dark"] {
+    --color-primary: #3ea6ff;
+    --color-primary-hover: #6cc3ff;
+    --color-primary-foreground: #071018;
+    --color-secondary: #182338;
+    --color-secondary-hover: #22314c;
+    --color-secondary-foreground: #dceaf7;
+    --color-accent: #ffcc4d;
+    --color-accent-foreground: #1a1408;
+    --color-muted: #22314c;
+    --color-muted-foreground: #8b9bb6;
+    --color-background: #0a0e1a;
+    --color-foreground: #e8f4fb;
+    --color-card: #141d30;
+    --color-card-foreground: #e8f4fb;
+    --color-surface: #141d30;
+    --color-border: #3a4a66;
+    --color-input: #182338;
+    --color-ring: #3ea6ff;
+    --color-error: #ff5c5c;
+    --color-error-foreground: #1a0808;
+    --color-success: #4ade80;
+    --color-success-foreground: #082014;
+    --color-warning: #ffcc4d;
+    --color-warning-foreground: #1a1408;
+    --color-info: #3ea6ff;
+    --color-info-foreground: #071018;
+    --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-diagram-ink: #dbe7ff;
+    --color-diagram-label: #b8c6e0;
+    --color-diagram-guide: #5a6f94;
+    --color-diagram-axis: #8b9bb6;
+    --color-diagram-grid: #22314c;
+    --color-diagram-highlight: #7df9ff;
+    --color-diagram-fill: #1c2942;
+    --color-series-1: #3ea6ff;
+    --color-series-2: #ff7ab6;
+    --color-series-3: #b6f36a;
+    --color-series-4: #c49bff;
+    --color-series-5: #ff9f43;
+    --color-series-6: #5ef1d2;
+    --color-series-7: #ece86e;
+    --color-series-8: #dd4b6c;
+    --radius-none: 0px;
+    --radius-sm: 2px;
+    --radius-md: 4px;
+    --radius-lg: 6px;
+    --radius-xl: 8px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --game-panel-border-image: url('https://almadar-kflow-assets.web.app/shared/ui-game-shell/kenney-ui-pack-sci-fi/ui/metalPanel_blue.png');
+    --game-panel-border-image-slice: 26 fill;
+    --game-panel-border-image-width: 22px;
+    --font-family: "Rajdhani", "Kenney Future", ui-sans-serif, system-ui, sans-serif;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: 0.02em;
+    --line-height: 1.5;
+    --icon-color: #3ea6ff;
+    --transition-fast: 100ms;
+    --transition-normal: 200ms;
+    --transition-slow: 400ms;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+    --hover-scale: 1.01;
+    --hover-translate-y: -1px;
+    --hover-translate-x: 0;
+    --active-scale: 0.99;
+    --active-translate-y: 0;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #3ea6ff;
+    --shadow-main: 0 0 14px rgba(62,166,255,0.35), inset 0 0 0 1px rgba(62,166,255,0.3);
+    --shadow-sm: 0 0 6px rgba(62,166,255,0.3);
+    --shadow-lg: 0 0 28px rgba(62,166,255,0.45), inset 0 0 0 1px rgba(62,166,255,0.4);
+    --shadow-inner: inset 0 0 10px rgba(62,166,255,0.2);
+    --shadow-none: none;
+    --shadow-hover: 0 0 22px rgba(62,166,255,0.55), inset 0 0 0 1px rgba(62,166,255,0.5);
+    --shadow-active: 0 0 4px rgba(62,166,255,0.5), inset 0 0 14px rgba(62,166,255,0.3);
+    --space-0: 0px;
+    --space-1: 4px;
+    --space-2: 8px;
+    --space-3: 12px;
+    --space-4: 16px;
+    --space-5: 20px;
+    --space-6: 24px;
+    --space-7: 28px;
+    --space-8: 32px;
+    --space-9: 36px;
+    --space-10: 40px;
+    --space-11: 44px;
+    --space-12: 48px;
+    --button-height-sm: 28px;
+    --button-height-md: 36px;
+    --button-height-lg: 44px;
+    --input-height-sm: 28px;
+    --input-height-md: 36px;
+    --input-height-lg: 44px;
+    --row-height-compact: 32px;
+    --row-height-normal: 40px;
+    --row-height-spacious: 48px;
+    --card-padding-sm: 12px;
+    --card-padding-md: 16px;
+    --card-padding-lg: 24px;
+    --dialog-padding: 24px;
+    --section-gap: 32px;
+    --font-family-display: "Orbitron", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --font-family-body: "Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    --heading-weight: 700;
+    --heading-transform: uppercase;
+    --heading-tracking: 0.14em;
+    --heading-style: normal;
+    --text-xs: 12px;
+    --leading-xs: 16px;
+    --text-sm: 14px;
+    --leading-sm: 20px;
+    --text-base: 16px;
+    --leading-base: 24px;
+    --text-lg: 18px;
+    --leading-lg: 28px;
+    --text-xl: 20px;
+    --leading-xl: 28px;
+    --text-2xl: 24px;
+    --leading-2xl: 32px;
+    --text-3xl: 30px;
+    --leading-3xl: 36px;
+    --text-4xl: 36px;
+    --leading-4xl: 40px;
+    --text-display-1: 48px;
+    --leading-display-1: 52px;
+    --text-display-2: 60px;
+    --leading-display-2: 64px;
+    --intent-heading-major-size: var(--text-2xl);
+    --intent-heading-major-weight: var(--font-weight-bold);
+    --intent-heading-major-leading: var(--leading-2xl);
+    --intent-heading-minor-size: var(--text-lg);
+    --intent-heading-minor-weight: var(--font-weight-bold);
+    --intent-heading-minor-leading: var(--leading-lg);
+    --intent-body-emphasis-size: var(--text-base);
+    --intent-body-emphasis-weight: var(--font-weight-medium);
+    --intent-body-emphasis-leading: var(--leading-base);
+    --intent-body-default-size: var(--text-sm);
+    --intent-body-default-weight: var(--font-weight-normal);
+    --intent-body-default-leading: var(--leading-sm);
+    --intent-body-quiet-size: var(--text-sm);
+    --intent-body-quiet-weight: var(--font-weight-normal);
+    --intent-body-quiet-leading: var(--leading-sm);
+    --intent-caption-size: var(--text-xs);
+    --intent-caption-weight: var(--font-weight-normal);
+    --intent-caption-leading: var(--leading-xs);
+    --intent-numeric-size: var(--text-sm);
+    --intent-numeric-weight: var(--font-weight-medium);
+    --intent-numeric-leading: var(--leading-sm);
+    --duration-instant: 0ms;
+    --duration-fast: var(--transition-fast);
+    --duration-normal: var(--transition-normal);
+    --duration-slow: var(--transition-slow);
+    --duration-dramatic: 600ms;
+    --easing-linear: linear;
+    --easing-standard: cubic-bezier(0.25, 0, 0.35, 1);
+    --easing-emphasized: cubic-bezier(0.25, 0, 0.35, 1);
+    --easing-spring: cubic-bezier(0.25, 0, 0.35, 1);
+    --motion-modal-enter-from-transform: scaleY(0.04);
+    --motion-modal-exit-to-transform: scaleY(0.04);
+    --motion-popover-enter-from-transform: scaleY(0.1);
+    --motion-popover-exit-to-transform: scaleY(0.1);
+    --motion-toast-enter-from-transform: translateX(24px);
+    --motion-toast-exit-to-transform: translateX(24px);
+    --motion-page-enter-from-transform: translateX(-12px);
+    --icon-family: tabler;
+    --icon-stroke-width: 1.5;
+    --icon-default-size: 16px;
+    --elevation-card: var(--shadow-sm);
+    --elevation-popover: var(--shadow-main);
+    --elevation-dialog: var(--shadow-lg);
+    --elevation-toast: var(--shadow-main);
+    --elevation-interactive: var(--shadow-sm);
+    --elevation-pressed: var(--shadow-active);
+    --radius-container: var(--radius-md);
+    --radius-interactive: var(--radius-sm);
+    --radius-pill: var(--radius-full);
+    --border-hairline: 1px;
+    --border-standard: var(--border-width);
+    --border-heavy: var(--border-width-thick);
+    --corner-shape: bevel;
+    --corner-shape-pill: bevel;
+    --border-style: solid;
+    --border-style-interactive: solid;
+    --surface-card-image: linear-gradient(180deg, rgba(62,166,255,0.10), rgba(62,166,255,0.00) 60%);
+    --surface-page-image: repeating-linear-gradient(0deg, rgba(62,166,255,0.06) 0px, rgba(62,166,255,0.06) 1px, transparent 1px, transparent 3px);
+    --surface-page-image-size: auto;
+}

package/themes/game-ui-pack.css

@@ -0,0 +1,200 @@
+/**
+ * GENERATED — do not edit by hand.
+ * Source: packages/almadar-core/themes/game-ui-pack.json
+ * Regenerate: node tools/almadar-pattern-sync/dist/index.js themes (or `almadar-sync themes`)
+ */
+
+[data-theme="game-ui-pack-dark"] {
+    --color-primary: #2ea7e1;
+    --color-primary-hover: #4fb8ea;
+    --color-primary-foreground: #06202c;
+    --color-secondary: #3a3f47;
+    --color-secondary-hover: #474d56;
+    --color-secondary-foreground: #f2f3f4;
+    --color-accent: #ffb703;
+    --color-accent-foreground: #241a00;
+    --color-muted: #b9bec6;
+    --color-muted-foreground: #454a51;
+    --color-background: #1b1e22;
+    --color-foreground: #f2f3f4;
+    --color-card: #eeeeee;
+    --color-card-foreground: #22262b;
+    --color-surface: #24272c;
+    --color-border: #999999;
+    --color-input: #3a3f47;
+    --color-ring: #2ea7e1;
+    --color-error: #ff5c5c;
+    --color-error-foreground: #1a0808;
+    --color-success: #4ade80;
+    --color-success-foreground: #082014;
+    --color-warning: #ffb703;
+    --color-warning-foreground: #241a00;
+    --color-info: #2ea7e1;
+    --color-info-foreground: #06202c;
+    --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-diagram-ink: #1b1e22;
+    --color-diagram-label: #2e3238;
+    --color-diagram-guide: #8a9099;
+    --color-diagram-axis: #454a51;
+    --color-diagram-grid: #d0d4da;
+    --color-diagram-highlight: #e85d04;
+    --color-diagram-fill: #dde1e6;
+    --color-series-1: #1988c7;
+    --color-series-2: #db2c3d;
+    --color-series-3: #1b9486;
+    --color-series-4: #8338ec;
+    --color-series-5: #c03806;
+    --color-series-6: #4978f5;
+    --color-series-7: #619045;
+    --color-series-8: #b5179e;
+    --radius-none: 0px;
+    --radius-sm: 10px;
+    --radius-md: 12px;
+    --radius-lg: 16px;
+    --radius-xl: 22px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --game-panel-border-image: url('https://almadar-kflow-assets.web.app/shared/ui-game-shell/kenney-ui-pack/ui/grey_panel.png');
+    --game-panel-border-image-slice: 26 fill;
+    --game-panel-border-image-width: 22px;
+    --game-button-bg-image: url('https://almadar-kflow-assets.web.app/shared/ui-game-shell/kenney-ui-pack/ui/grey_button00.png');
+    --font-family: "Kenney Future", ui-sans-serif, system-ui, sans-serif;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: 0.01em;
+    --line-height: 1.5;
+    --icon-color: #2ea7e1;
+    --transition-fast: 100ms;
+    --transition-normal: 200ms;
+    --transition-slow: 400ms;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+    --hover-scale: 1.01;
+    --hover-translate-y: -1px;
+    --hover-translate-x: 0;
+    --active-scale: 0.99;
+    --active-translate-y: 0;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #2ea7e1;
+    --shadow-main: 0 4px 0 0 rgba(0,0,0,0.45);
+    --shadow-sm: 0 2px 0 0 rgba(0,0,0,0.45);
+    --shadow-lg: 0 6px 0 0 rgba(0,0,0,0.5);
+    --shadow-inner: inset 0 2px 0 0 rgba(0,0,0,0.35);
+    --shadow-none: none;
+    --shadow-hover: 0 6px 0 0 rgba(0,0,0,0.45);
+    --shadow-active: 0 1px 0 0 rgba(0,0,0,0.5);
+    --space-0: 0px;
+    --space-1: 4px;
+    --space-2: 8px;
+    --space-3: 12px;
+    --space-4: 16px;
+    --space-5: 20px;
+    --space-6: 24px;
+    --space-7: 28px;
+    --space-8: 32px;
+    --space-9: 36px;
+    --space-10: 40px;
+    --space-11: 44px;
+    --space-12: 48px;
+    --button-height-sm: 28px;
+    --button-height-md: 36px;
+    --button-height-lg: 44px;
+    --input-height-sm: 28px;
+    --input-height-md: 36px;
+    --input-height-lg: 44px;
+    --row-height-compact: 32px;
+    --row-height-normal: 40px;
+    --row-height-spacious: 48px;
+    --card-padding-sm: 12px;
+    --card-padding-md: 16px;
+    --card-padding-lg: 24px;
+    --dialog-padding: 24px;
+    --section-gap: 32px;
+    --font-family-display: var(--font-family);
+    --font-family-body: var(--font-family);
+    --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    --heading-weight: 600;
+    --heading-transform: none;
+    --heading-tracking: 0.02em;
+    --heading-style: normal;
+    --heading-shadow: none;
+    --text-xs: 12px;
+    --leading-xs: 16px;
+    --text-sm: 14px;
+    --leading-sm: 20px;
+    --text-base: 16px;
+    --leading-base: 24px;
+    --text-lg: 18px;
+    --leading-lg: 28px;
+    --text-xl: 20px;
+    --leading-xl: 28px;
+    --text-2xl: 24px;
+    --leading-2xl: 32px;
+    --text-3xl: 30px;
+    --leading-3xl: 36px;
+    --text-4xl: 36px;
+    --leading-4xl: 40px;
+    --text-display-1: 48px;
+    --leading-display-1: 52px;
+    --text-display-2: 60px;
+    --leading-display-2: 64px;
+    --intent-heading-major-size: var(--text-2xl);
+    --intent-heading-major-weight: var(--font-weight-bold);
+    --intent-heading-major-leading: var(--leading-2xl);
+    --intent-heading-minor-size: var(--text-lg);
+    --intent-heading-minor-weight: var(--font-weight-bold);
+    --intent-heading-minor-leading: var(--leading-lg);
+    --intent-body-emphasis-size: var(--text-base);
+    --intent-body-emphasis-weight: var(--font-weight-medium);
+    --intent-body-emphasis-leading: var(--leading-base);
+    --intent-body-default-size: var(--text-sm);
+    --intent-body-default-weight: var(--font-weight-normal);
+    --intent-body-default-leading: var(--leading-sm);
+    --intent-body-quiet-size: var(--text-sm);
+    --intent-body-quiet-weight: var(--font-weight-normal);
+    --intent-body-quiet-leading: var(--leading-sm);
+    --intent-caption-size: var(--text-xs);
+    --intent-caption-weight: var(--font-weight-normal);
+    --intent-caption-leading: var(--leading-xs);
+    --intent-numeric-size: var(--text-sm);
+    --intent-numeric-weight: var(--font-weight-medium);
+    --intent-numeric-leading: var(--leading-sm);
+    --duration-instant: 0ms;
+    --duration-fast: var(--transition-fast);
+    --duration-normal: var(--transition-normal);
+    --duration-slow: var(--transition-slow);
+    --duration-dramatic: 600ms;
+    --easing-linear: linear;
+    --easing-standard: cubic-bezier(0.34, 1.56, 0.64, 1);
+    --easing-emphasized: cubic-bezier(0.34, 1.56, 0.64, 1);
+    --easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+    --motion-modal-enter-from-transform: translateY(-24px);
+    --motion-modal-exit-to-transform: translateY(-24px);
+    --motion-popover-enter-from-transform: scale(0.9);
+    --motion-popover-exit-to-transform: scale(0.9);
+    --motion-toast-enter-from-transform: translateY(-20px);
+    --motion-toast-exit-to-transform: translateY(-20px);
+    --motion-page-enter-from-transform: translateY(12px);
+    --icon-family: lucide;
+    --icon-stroke-width: 2.5;
+    --icon-default-size: 16px;
+    --elevation-card: var(--shadow-sm);
+    --elevation-popover: var(--shadow-main);
+    --elevation-dialog: var(--shadow-lg);
+    --elevation-toast: var(--shadow-main);
+    --elevation-interactive: var(--shadow-main);
+    --elevation-pressed: var(--shadow-active);
+    --radius-container: var(--radius-lg);
+    --radius-interactive: var(--radius-md);
+    --radius-pill: var(--radius-full);
+    --border-hairline: 1px;
+    --border-standard: var(--border-width);
+    --border-heavy: var(--border-width-thick);
+    --corner-shape: round;
+    --corner-shape-pill: round;
+    --border-style: none;
+    --border-style-interactive: none;
+}