/* ==========================================================================
   FASESIF — Design tokens
   Source: Ivoirian Excellence design system
   ========================================================================== */

:root {
  /* Color — surfaces */
  --color-surface: #fcf9f2;
  --color-surface-dim: #dcdad3;
  --color-surface-bright: #fcf9f2;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f6f3ec;
  --color-surface-container: #f0eee7;
  --color-surface-container-high: #ebe8e1;
  --color-surface-container-highest: #e5e2db;
  --color-surface-variant: #e5e2db;

  /* Color — on-surface */
  --color-on-surface: #1c1c18;
  --color-on-surface-variant: #544338;
  --color-inverse-surface: #31312c;
  --color-inverse-on-surface: #f3f0ea;
  --color-outline: #877367;
  --color-outline-variant: #dac2b3;
  --color-outline-muted: #dec1af;

  /* Color — primary (burnt sienna) */
  --color-primary: #713700;
  --color-on-primary: #ffffff;
  --color-primary-container: #954a00;
  --color-on-primary-container: #ffcfb0;
  --color-inverse-primary: #ffb785;
  --color-surface-tint: #954a00;
  --color-primary-fixed: #ffdcc6;
  --color-primary-fixed-dim: #ffb785;
  --color-on-primary-fixed: #301400;
  --color-on-primary-fixed-variant: #713700;

  /* Color — secondary (forest green) */
  --color-secondary: #006d40;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #9cf6bc;
  --color-on-secondary-container: #0f7345;
  --color-secondary-fixed: #9cf6bc;
  --color-secondary-fixed-dim: #80d9a2;
  --color-on-secondary-fixed: #002110;
  --color-on-secondary-fixed-variant: #00522f;

  /* Color — tertiary (muted gold) */
  --color-tertiary: #735c00;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #c6a94e;
  --color-on-tertiary-container: #4e3e00;
  --color-tertiary-fixed: #ffe085;
  --color-tertiary-fixed-dim: #e3c466;
  --color-on-tertiary-fixed: #231b00;
  --color-on-tertiary-fixed-variant: #574500;

  /* Color — status */
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #93000a;

  /* Color — background */
  --color-background: #fcf9f2;
  --color-on-background: #1c1c18;

  /* Color — accents used across the brief */
  --color-accent-gold: #c4a028;
  --color-text-rich-brown: #574235;

  /* Typography */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --type-display-lg-size: 64px;
  --type-display-lg-weight: 700;
  --type-display-lg-leading: 1.1;
  --type-display-lg-tracking: -0.02em;

  --type-headline-lg-size: 40px;
  --type-headline-lg-weight: 600;
  --type-headline-lg-leading: 1.2;

  --type-headline-lg-mobile-size: 32px;
  --type-headline-lg-mobile-weight: 600;
  --type-headline-lg-mobile-leading: 1.2;

  --type-headline-md-size: 28px;
  --type-headline-md-weight: 500;
  --type-headline-md-leading: 1.3;

  --type-body-lg-size: 18px;
  --type-body-lg-weight: 400;
  --type-body-lg-leading: 1.6;

  --type-body-md-size: 16px;
  --type-body-md-weight: 400;
  --type-body-md-leading: 1.6;

  --type-label-caps-size: 12px;
  --type-label-caps-weight: 600;
  --type-label-caps-leading: 1.0;
  --type-label-caps-tracking: 0.15em;

  /* Shape */
  --radius-sm: 0.125rem;
  --radius-default: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-full: 9999px;

  /* Spacing */
  --container-max: 1200px;
  --margin-mobile: 20px;
  --gutter: 24px;
  --spacing-unit: 8px;
  --section-gap: 120px;
  --section-gap-mobile: 64px;
  --card-padding: 32px;
  --card-padding-mobile: 20px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(28, 28, 24, 0.06), 0 1px 3px rgba(28, 28, 24, 0.08);
  --shadow-md: 0 4px 12px rgba(28, 28, 24, 0.10);
  --shadow-lg: 0 12px 32px rgba(28, 28, 24, 0.14);
}