@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Geist:wght@400;500;600;700&display=swap');

/* === AYA PUBLIC DESIGN TOKENS === */
:root {
  color-scheme: light;
  --aya-bg: #f6f7fb;
  --aya-bg-elevated: #ffffff;
  --aya-surface: #ffffff;
  --aya-surface-2: #f1f3f9;
  --aya-surface-3: #e9edf5;
  --aya-text: #111827;
  --aya-text-soft: #4f596b;
  --aya-text-muted: #677184;
  --aya-line: rgba(17, 24, 39, 0.08);
  --aya-line-strong: rgba(17, 24, 39, 0.14);
  --aya-brand: #005f6d;
  --aya-brand-strong: #004b57;
  --aya-brand-soft: rgba(15, 118, 110, 0.10);
  --aya-brand-deep-lagoon: #005f6d;
  --aya-danger: #b42318;
  --aya-warning: #b54708;
  --aya-success: #067647;
  --aya-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --aya-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --aya-shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.12);
  --aya-radius-sm: 12px;
  --aya-radius-md: 18px;
  --aya-radius-lg: 24px;
  --aya-header-bg: rgba(255, 255, 255, 0.82);
  --aya-backdrop: blur(18px);
  --site-max: 1240px;
  --content-max: 760px;
}

html[data-theme='dark'] {
  color-scheme: dark;
  --aya-bg: #121416;
  --aya-bg-elevated: #171a1d;
  --aya-surface: #1b1f23;
  --aya-surface-2: #23282e;
  --aya-surface-3: #2b3138;
  --aya-text: #eef2f6;
  --aya-text-soft: #c2c9d2;
  --aya-text-muted: #8f98a3;
  --aya-line: rgba(255, 255, 255, 0.07);
  --aya-line-strong: rgba(255, 255, 255, 0.12);
  --aya-brand: #1f5a64;
  --aya-brand-strong: #2f6f78;
  --aya-brand-soft: rgba(31, 90, 100, 0.16);
  --aya-brand-deep-lagoon: #003841;
  --aya-danger: #ff7b72;
  --aya-warning: #f0b36a;
  --aya-success: #4ade80;
  --aya-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.24);
  --aya-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.34);
  --aya-shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.44);
  --aya-header-bg: rgba(18, 20, 22, 0.78);
  --aya-backdrop: blur(18px);
}

:root {
  --aya-font-ui: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
--aya-font-heading: "Geist", "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
--aya-font-premium: var(--aya-font-ui);
  --aya-step-hero-home: clamp(42px, 3.125vw, 50px);
  --aya-step-hero-product: clamp(38px, 2.75vw, 44px);
  --aya-step-hero-page: clamp(36px, 2.45vw, 40px);
  --aya-step-section: clamp(32px, 2.5vw, 40px);
  --aya-step-card-title: 21px;
  --aya-step-lead: 18px;
  --aya-step-body: 17px;
  --aya-step-meta: 15px;
}

body {
  font-family: var(--aya-font-premium);
}
/* === /AYA PUBLIC DESIGN TOKENS === */