/* Design tokens — « Ink & Gold », same palette as the Foliocraft dashboard */
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url('../fonts/plus-jakarta-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: italic; font-weight: 200 800; font-display: swap;
  src: url('../fonts/plus-jakarta-sans-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Noto Sans Arabic'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('../fonts/noto-sans-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }

:root {
  color-scheme: light;
  --ink: #14110F; --ink-deep: #070605; --cream: #F4EFE8;

  --bg: #F4EFE8; --surface: #FFFFFF; --surface-2: #FAF6F0; --border: #EAE3D9;
  --text: #1C1917; --muted: #6B645E; --warm-grey: #8B8178;

  --gold: #C8963E; --gold-bright: #D9A94F; --gold-soft: #F3E4C3; --gold-text: #7A530F; --on-gold: #14110F;
  --success: #2E9E6B; --danger: #D9534F; --info: #3E7CB1;

  /* dark sections (strip, banner, WhatsApp, ROI, CTA, footer) */
  --dk-bg: #14110F; --dk-surface: #1E1A17; --dk-surface-2: #26211D; --dk-border: #2F2924;
  --dk-text: #F5EFE6; --dk-muted: #B3AAA0; --dk-gold: #D9A94F;

  --shadow-sm: 0 1px 2px rgba(60, 40, 10, .05), 0 2px 8px rgba(60, 40, 10, .05);
  --shadow-md: 0 2px 4px rgba(60, 40, 10, .04), 0 10px 30px rgba(60, 40, 10, .08);
  --shadow-lg: 0 4px 8px rgba(60, 40, 10, .05), 0 24px 60px rgba(60, 40, 10, .14);
  --nav-bg: rgba(255, 255, 255, .82);

  --r-sm: 12px; --r-md: 18px; --r-lg: 24px; --r-xl: 32px; --r-pill: 999px;
  --gutter: clamp(16px, 4vw, 32px);
  --maxw: 1180px;
  --section-y: clamp(72px, 10vw, 128px);

  --font: 'Plus Jakarta Sans', 'Noto Sans Arabic', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
}

[data-theme='dark'] {
  color-scheme: dark;
  --bg: #0D0B0A; --surface: #181513; --surface-2: #211D1A; --border: #2A2521;
  --text: #F5EFE6; --muted: #A39A8F;
  --gold: #D9A94F; --gold-soft: #3A2E18; --gold-text: #E4B965;
  --dk-bg: #070605; --dk-surface: #14110F; --dk-surface-2: #1B1714; --dk-border: #2A2521;
  --shadow-sm: none; --shadow-md: none; --shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);
  --nav-bg: rgba(24, 21, 19, .82);
}