/* Generated by tools/export-design-tokens.mjs. Do not edit manually. */
:root {
  --cg-primitive-color-base-white: #FFFFFF;
  --cg-primitive-color-base-charcoal: #404041;
  --cg-primitive-color-brand-gold: #F1BF43;
  --cg-primitive-color-brand-gold-soft: #F0C179;
  --cg-primitive-color-brand-gold-pale: #F0CC9E;
  --cg-primitive-color-brand-warm-neutral: #E3D3C5;
  --cg-primitive-color-surface-app: #FFFFFF;
  --cg-primitive-color-surface-sidebar: #404041;
  --cg-primitive-color-surface-panel: #FFFFFF;
  --cg-primitive-color-surface-panel-raised: #E3D3C5;
  --cg-primitive-color-surface-toolbar: #FFFFFF;
  --cg-primitive-color-surface-input: #FFFFFF;
  --cg-primitive-color-surface-table-row: #FFFFFF;
  --cg-primitive-color-surface-selected: #F0CC9E;
  --cg-primitive-color-surface-modal: #FFFFFF;
  --cg-primitive-color-line-default: #404041;
  --cg-primitive-color-line-soft: #E3D3C5;
  --cg-primitive-color-text-primary: #404041;
  --cg-primitive-color-text-secondary: #404041;
  --cg-primitive-color-text-muted: #E3D3C5;
  --cg-primitive-color-text-inverse: #FFFFFF;
  --cg-primitive-color-status-success: #404041;
  --cg-primitive-color-status-warning: #F1BF43;
  --cg-primitive-color-status-danger: #404041;
  --cg-primitive-color-status-info: #F0C179;
  --cg-color-surface-app: #FFFFFF;
  --cg-color-surface-sidebar: #404041;
  --cg-color-surface-panel: #FFFFFF;
  --cg-color-surface-panel-raised: #E3D3C5;
  --cg-color-surface-toolbar: #FFFFFF;
  --cg-color-surface-input: #FFFFFF;
  --cg-color-surface-table-row: #FFFFFF;
  --cg-color-surface-selected: #F0CC9E;
  --cg-color-surface-modal: #FFFFFF;
  --cg-color-surface-overlay: rgba(0, 0, 0, 0.68);
  --cg-color-text-primary: #404041;
  --cg-color-text-secondary: #404041;
  --cg-color-text-muted: #E3D3C5;
  --cg-color-text-inverse: #FFFFFF;
  --cg-color-text-on-accent: #404041;
  --cg-color-action-primary: #F1BF43;
  --cg-color-action-primary-hover: #F0C179;
  --cg-color-action-primary-pressed: #F0CC9E;
  --cg-color-action-focus: #F1BF43;
  --cg-color-border-default: #404041;
  --cg-color-border-soft: #E3D3C5;
  --cg-color-border-focus: #F1BF43;
  --cg-color-status-success: #404041;
  --cg-color-status-warning: #F1BF43;
  --cg-color-status-danger: #404041;
  --cg-color-status-info: #F0C179;
  --cg-space-0: 0px;
  --cg-space-1: 4px;
  --cg-space-2: 8px;
  --cg-space-3: 12px;
  --cg-space-4: 16px;
  --cg-space-5: 20px;
  --cg-space-6: 24px;
  --cg-space-8: 32px;
  --cg-space-10: 40px;
  --cg-radius-xs: 4px;
  --cg-radius-sm: 6px;
  --cg-radius-md: 8px;
  --cg-radius-lg: 12px;
  --cg-border-hairline: 1px;
  --cg-border-default: 1px;
  --cg-border-strong: 2px;
  --cg-font-size-display-large: 34px;
  --cg-line-height-display-large: 40px;
  --cg-font-weight-display-large: 700;
  --cg-font-size-display-medium: 28px;
  --cg-line-height-display-medium: 34px;
  --cg-font-weight-display-medium: 700;
  --cg-font-size-title-large: 22px;
  --cg-line-height-title-large: 28px;
  --cg-font-weight-title-large: 600;
  --cg-font-size-title-medium: 18px;
  --cg-line-height-title-medium: 24px;
  --cg-font-weight-title-medium: 600;
  --cg-font-size-body-large: 16px;
  --cg-line-height-body-large: 22px;
  --cg-font-weight-body-large: 400;
  --cg-font-size-body-medium: 14px;
  --cg-line-height-body-medium: 20px;
  --cg-font-weight-body-medium: 400;
  --cg-font-size-caption: 12px;
  --cg-line-height-caption: 16px;
  --cg-font-weight-caption: 500;
  --cg-font-size-button: 14px;
  --cg-line-height-button: 18px;
  --cg-font-weight-button: 700;
  --cg-font-size-metric: 28px;
  --cg-line-height-metric: 32px;
  --cg-font-weight-metric: 900;
  --cg-surface-panel-background: #FFFFFF;
  --cg-surface-panel-foreground: #404041;
  --cg-surface-panel-border-color: #404041;
  --cg-surface-panel-border-width: 1px;
  --cg-surface-panel-radius: 8px;
  --cg-surface-panel-padding: 16px;
  --cg-surface-toolbar-background: #FFFFFF;
  --cg-surface-toolbar-foreground: #404041;
  --cg-surface-toolbar-border-color: #404041;
  --cg-surface-toolbar-height: 56px;
  --cg-surface-modal-background: #FFFFFF;
  --cg-surface-modal-foreground: #404041;
  --cg-surface-modal-border-color: #404041;
  --cg-surface-modal-radius: 8px;
  --cg-surface-modal-padding: 20px;
  --cg-button-size-compact-height: 32px;
  --cg-button-size-compact-padding-x: 12px;
  --cg-button-size-compact-icon: 16px;
  --cg-button-size-regular-height: 40px;
  --cg-button-size-regular-padding-x: 16px;
  --cg-button-size-regular-icon: 18px;
  --cg-button-size-large-height: 48px;
  --cg-button-size-large-padding-x: 20px;
  --cg-button-size-large-icon: 20px;
  --cg-button-size-icon-width: 40px;
  --cg-button-size-icon-height: 40px;
  --cg-button-size-icon-icon: 20px;
  --cg-button-variant-primary-background: #F1BF43;
  --cg-button-variant-primary-foreground: #404041;
  --cg-button-variant-primary-pressed-background: #F0CC9E;
  --cg-button-variant-primary-focused-border-color: #F1BF43;
  --cg-button-variant-primary-border-color: transparent;
  --cg-button-variant-secondary-background: #E3D3C5;
  --cg-button-variant-secondary-foreground: #404041;
  --cg-button-variant-secondary-pressed-background: #F0CC9E;
  --cg-button-variant-secondary-focused-border-color: #F1BF43;
  --cg-button-variant-secondary-border-color: #404041;
  --cg-button-variant-ghost-background: transparent;
  --cg-button-variant-ghost-foreground: #404041;
  --cg-button-variant-ghost-pressed-background: #F0CC9E;
  --cg-button-variant-ghost-focused-border-color: #F1BF43;
  --cg-button-variant-ghost-border-color: transparent;
  --cg-button-variant-destructive-background: transparent;
  --cg-button-variant-destructive-foreground: #404041;
  --cg-button-variant-destructive-pressed-background: #F0CC9E;
  --cg-button-variant-destructive-focused-border-color: #404041;
  --cg-button-variant-destructive-border-color: #404041;
  --cg-button-variant-success-background: #404041;
  --cg-button-variant-success-foreground: #FFFFFF;
  --cg-button-variant-success-pressed-background: #404041;
  --cg-button-variant-success-focused-border-color: #F1BF43;
  --cg-button-variant-success-border-color: transparent;
  --cg-button-state-disabled-opacity: 0.45;
  --cg-button-state-loading-keeps-size: true;
  --cg-button-state-radius: 8px;
  --cg-button-state-gap: 8px;
  --cg-input-height: 44px;
  --cg-input-background: #FFFFFF;
  --cg-input-foreground: #404041;
  --cg-input-placeholder-color: #E3D3C5;
  --cg-input-border-color: #404041;
  --cg-input-focused-border-color: #F1BF43;
  --cg-input-error-border-color: #404041;
  --cg-input-disabled-background: #FFFFFF;
  --cg-input-radius: 8px;
  --cg-input-padding-x: 12px;
  --cg-input-gap: 8px;
  --cg-layout-page-padding-compact: 16px;
  --cg-layout-page-padding-regular: 24px;
  --cg-layout-page-padding-expanded: 32px;
  --cg-layout-sidebar-width-ipad: 280px;
  --cg-layout-sidebar-width-mac: 300px;
  --cg-layout-toolbar-height: 56px;
  --cg-layout-bottom-bar-height: 64px;
  --cg-layout-grid-gap-compact: 12px;
  --cg-layout-grid-gap-regular: 16px;
  --cg-layout-grid-gap-expanded: 24px;
  --cg-layout-panel-max-width-form: 560px;
  --cg-layout-panel-max-width-reading: 720px;
  --cg-layout-panel-max-width-dashboard: 1280px;
}

:root, [data-chino-theme="warmLight"] {
  --cg-color-surface-app: #FFFFFF;
  --cg-color-surface-sidebar: #404041;
  --cg-color-surface-panel: #FFFFFF;
  --cg-color-surface-panel-raised: #E3D3C5;
  --cg-color-surface-toolbar: #FFFFFF;
  --cg-color-surface-input: #FFFFFF;
  --cg-color-surface-table-row: #FFFFFF;
  --cg-color-surface-selected: #F0CC9E;
  --cg-color-surface-modal: #FFFFFF;
  --cg-color-surface-overlay: rgba(0, 0, 0, 0.68);
  --cg-color-text-primary: #404041;
  --cg-color-text-secondary: #5E5854;
  --cg-color-text-muted: #8A7B70;
  --cg-color-text-inverse: #FFFFFF;
  --cg-color-text-on-accent: #404041;
  --cg-color-action-primary: #F1BF43;
  --cg-color-action-primary-hover: #F0C179;
  --cg-color-action-primary-pressed: #F0CC9E;
  --cg-color-action-focus: #F1BF43;
  --cg-color-border-default: #404041;
  --cg-color-border-soft: #E3D3C5;
  --cg-color-border-focus: #F1BF43;
  --cg-color-status-success: #2F7D4A;
  --cg-color-status-warning: #B7791F;
  --cg-color-status-danger: #B42318;
  --cg-color-status-info: #2F6F9F;
}

[data-chino-theme="warmDark"] {
  --cg-color-surface-app: #201C1A;
  --cg-color-surface-sidebar: #171412;
  --cg-color-surface-panel: #2A2522;
  --cg-color-surface-panel-raised: #362F2A;
  --cg-color-surface-toolbar: #241F1C;
  --cg-color-surface-input: #2F2925;
  --cg-color-surface-table-row: #28231F;
  --cg-color-surface-selected: #604923;
  --cg-color-surface-modal: #2D2723;
  --cg-color-surface-overlay: rgba(0, 0, 0, 0.78);
  --cg-color-text-primary: #F8EFE7;
  --cg-color-text-secondary: #E3D3C5;
  --cg-color-text-muted: #BFAE9F;
  --cg-color-text-inverse: #201C1A;
  --cg-color-text-on-accent: #241A0A;
  --cg-color-action-primary: #F1BF43;
  --cg-color-action-primary-hover: #F0C179;
  --cg-color-action-primary-pressed: #C89226;
  --cg-color-action-focus: #F1BF43;
  --cg-color-border-default: #9A8473;
  --cg-color-border-soft: #4A4039;
  --cg-color-border-focus: #F1BF43;
  --cg-color-status-success: #63D08F;
  --cg-color-status-warning: #F1BF43;
  --cg-color-status-danger: #FF8A80;
  --cg-color-status-info: #7CC7FF;
}

[data-chino-theme="highContrast"] {
  --cg-color-surface-app: #000000;
  --cg-color-surface-sidebar: #000000;
  --cg-color-surface-panel: #000000;
  --cg-color-surface-panel-raised: #111111;
  --cg-color-surface-toolbar: #000000;
  --cg-color-surface-input: #000000;
  --cg-color-surface-table-row: #000000;
  --cg-color-surface-selected: #FFE66B;
  --cg-color-surface-modal: #000000;
  --cg-color-surface-overlay: rgba(0, 0, 0, 0.88);
  --cg-color-text-primary: #FFFFFF;
  --cg-color-text-secondary: #FFFFFF;
  --cg-color-text-muted: #F7E7A6;
  --cg-color-text-inverse: #000000;
  --cg-color-text-on-accent: #000000;
  --cg-color-action-primary: #FFE66B;
  --cg-color-action-primary-hover: #FFF2A8;
  --cg-color-action-primary-pressed: #FFD500;
  --cg-color-action-focus: #00E5FF;
  --cg-color-border-default: #FFFFFF;
  --cg-color-border-soft: #FFE66B;
  --cg-color-border-focus: #00E5FF;
  --cg-color-status-success: #00FF85;
  --cg-color-status-warning: #FFE66B;
  --cg-color-status-danger: #FF5C5C;
  --cg-color-status-info: #00E5FF;
}