/* siteforge-design v1.0.0 : généré depuis tokens.json, ne pas éditer */

:root {
  --ds-font-heading: 'Raleway', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ds-font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ds-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ds-font-size-xs: 12px;
  --ds-font-size-sm: 14px;
  --ds-font-size-md: 16px;
  --ds-font-size-lg: 18px;
  --ds-font-size-xl: 22px;
  --ds-font-size-2xl: 28px;
  --ds-font-size-3xl: 36px;
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-bold: 700;
  --ds-line-height-tight: 1.2;
  --ds-line-height-normal: 1.5;
  --ds-radius-none: 0px;
  --ds-radius-sm: 2px;
  --ds-radius-md: 4px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 48px;
  --ds-space-8: 64px;
  --ds-state-focus-ring-width: 2px;
  --ds-state-focus-ring-offset: 2px;
  --ds-state-disabled-opacity: 0.5;
  --ds-button-radius: var(--ds-radius-md);
  --ds-button-padding-y: var(--ds-space-3);
  --ds-button-padding-x: var(--ds-space-5);
  --ds-button-font-weight: var(--ds-font-weight-bold);
  --ds-button-font-size: var(--ds-font-size-md);
  --ds-color-bg: #f7f9ff;
  --ds-color-bg-alt: #eaeffa;
  --ds-color-surface: #ffffff;
  --ds-color-text: #172033;
  --ds-color-muted: #475569;
  --ds-color-border: #c3cde3;
  --ds-color-border-strong: #64748b;
  --ds-color-accent: #0f766e;
  --ds-color-accent-hover: #0b5f58;
  --ds-color-accent-contrast: #ffffff;
  --ds-color-danger: #b91c1c;
  --ds-color-danger-hover: #991b1b;
  --ds-color-danger-contrast: #ffffff;
  --ds-color-success: #166534;
  --ds-color-warning: #92400e;
  --ds-shadow-sm: 0 1px 2px rgba(23, 32, 51, 0.10);
  --ds-shadow-md: 0 4px 12px rgba(23, 32, 51, 0.12);
  --ds-state-focus-ring-color: #1d4ed8;
  --ds-state-hover-overlay: rgba(23, 32, 51, 0.06);
  --ds-button-primary-bg: var(--ds-color-accent);
  --ds-button-primary-text: var(--ds-color-accent-contrast);
  --ds-button-primary-border: var(--ds-color-accent);
  --ds-button-primary-hover-bg: var(--ds-color-accent-hover);
  --ds-button-secondary-bg: var(--ds-color-surface);
  --ds-button-secondary-text: var(--ds-color-text);
  --ds-button-secondary-border: var(--ds-color-border-strong);
  --ds-button-secondary-hover-bg: var(--ds-color-bg-alt);
  --ds-button-destructive-bg: var(--ds-color-danger);
  --ds-button-destructive-text: var(--ds-color-danger-contrast);
  --ds-button-destructive-border: var(--ds-color-danger);
  --ds-button-destructive-hover-bg: var(--ds-color-danger-hover);
}

:root[data-theme="dark"] {
  --ds-color-bg: #0d1324;
  --ds-color-bg-alt: #141c33;
  --ds-color-surface: #151d33;
  --ds-color-text: #f8fafc;
  --ds-color-muted: #b4bfd4;
  --ds-color-border: #2c3756;
  --ds-color-border-strong: #8190ad;
  --ds-color-accent: #2dd4bf;
  --ds-color-accent-hover: #5eead4;
  --ds-color-accent-contrast: #0a1628;
  --ds-color-danger: #f87171;
  --ds-color-danger-hover: #fca5a5;
  --ds-color-danger-contrast: #0a1628;
  --ds-color-success: #4ade80;
  --ds-color-warning: #fbbf24;
  --ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.40);
  --ds-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.50);
  --ds-state-focus-ring-color: #93c5fd;
  --ds-state-hover-overlay: rgba(248, 250, 252, 0.08);
  --ds-button-primary-bg: var(--ds-color-accent);
  --ds-button-primary-text: var(--ds-color-accent-contrast);
  --ds-button-primary-border: var(--ds-color-accent);
  --ds-button-primary-hover-bg: var(--ds-color-accent-hover);
  --ds-button-secondary-bg: var(--ds-color-surface);
  --ds-button-secondary-text: var(--ds-color-text);
  --ds-button-secondary-border: var(--ds-color-border-strong);
  --ds-button-secondary-hover-bg: var(--ds-color-bg-alt);
  --ds-button-destructive-bg: var(--ds-color-danger);
  --ds-button-destructive-text: var(--ds-color-danger-contrast);
  --ds-button-destructive-border: var(--ds-color-danger);
  --ds-button-destructive-hover-bg: var(--ds-color-danger-hover);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --ds-color-bg: #0d1324;
    --ds-color-bg-alt: #141c33;
    --ds-color-surface: #151d33;
    --ds-color-text: #f8fafc;
    --ds-color-muted: #b4bfd4;
    --ds-color-border: #2c3756;
    --ds-color-border-strong: #8190ad;
    --ds-color-accent: #2dd4bf;
    --ds-color-accent-hover: #5eead4;
    --ds-color-accent-contrast: #0a1628;
    --ds-color-danger: #f87171;
    --ds-color-danger-hover: #fca5a5;
    --ds-color-danger-contrast: #0a1628;
    --ds-color-success: #4ade80;
    --ds-color-warning: #fbbf24;
    --ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.40);
    --ds-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.50);
    --ds-state-focus-ring-color: #93c5fd;
    --ds-state-hover-overlay: rgba(248, 250, 252, 0.08);
    --ds-button-primary-bg: var(--ds-color-accent);
    --ds-button-primary-text: var(--ds-color-accent-contrast);
    --ds-button-primary-border: var(--ds-color-accent);
    --ds-button-primary-hover-bg: var(--ds-color-accent-hover);
    --ds-button-secondary-bg: var(--ds-color-surface);
    --ds-button-secondary-text: var(--ds-color-text);
    --ds-button-secondary-border: var(--ds-color-border-strong);
    --ds-button-secondary-hover-bg: var(--ds-color-bg-alt);
    --ds-button-destructive-bg: var(--ds-color-danger);
    --ds-button-destructive-text: var(--ds-color-danger-contrast);
    --ds-button-destructive-border: var(--ds-color-danger);
    --ds-button-destructive-hover-bg: var(--ds-color-danger-hover);
  }
}