/* ==========================================================================
   VYDAL Marketing Website — Editorial Sanctuary Tokens
   Warm, breathable, human-first marketing palette (Apple / Nest / Kinfolk feel)
   ========================================================================== */

:root,
[data-theme="light"] {
  --surface-base: #FAF9F5;
  --surface-alt: #F2EFE9;
  --surface-card: #FFFFFF;
  --surface-glass: rgba(250, 249, 245, 0.85);
  --surface-dark-callout: #0E141B;

  --border-subtle: rgba(15, 23, 42, 0.08);
  --border-strong: rgba(15, 23, 42, 0.14);

  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #64748B;

  --brand-emerald: #0D9668;
  --brand-emerald-soft: rgba(13, 150, 104, 0.10);
  --brand-amber: #D97706;
  --brand-amber-soft: rgba(217, 119, 6, 0.12);
  --brand-coral: #E11D48;

  --shadow-soft: 0 20px 50px -15px rgba(15, 23, 42, 0.07);
  --shadow-photo: 0 24px 60px -18px rgba(15, 23, 42, 0.14);
}

[data-theme="dark"] {
  --surface-base: #0B0F14;
  --surface-alt: #111720;
  --surface-card: #151C26;
  --surface-glass: rgba(11, 15, 20, 0.85);
  --surface-dark-callout: #151C26;

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.15);

  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;

  --brand-emerald: #10B981;
  --brand-emerald-soft: rgba(16, 185, 129, 0.14);
  --brand-amber: #F59E0B;
  --brand-amber-soft: rgba(245, 158, 11, 0.14);
  --brand-coral: #F43F5E;

  --shadow-soft: 0 20px 50px -15px rgba(0, 0, 0, 0.45);
  --shadow-photo: 0 24px 60px -18px rgba(0, 0, 0, 0.65);
}

:root {
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --container-max: 1180px;
}