/* ==========================================================================
   Ponte Nova template — design tokens (PROVISIONAL, 2026-08-15)

   Every value below is a placeholder until
   docs/services/websites/self-build/design-language.md is reviewed and its
   TBD slots (fonts, palette, spacing) are filled from the Framer draft.
   The contract: swap values here, never hard-code colors/sizes in styles.css
   or site pages. Changing this file re-skins every site in the fleet.
   ========================================================================== */

:root {
  /* Palette — provisional warm/light (brand rule: light, no dark "tech" themes) */
  --color-bg: #faf7f2;          /* page background */
  --color-surface: #ffffff;     /* cards, story band */
  --color-ink: #24303a;         /* body text */
  --color-ink-soft: #55606b;    /* sublines, footer */
  --color-accent: #b3502f;      /* fills, buttons (white text on this) */
  --color-accent-deep: #8c3b21; /* text links on light bg (contrast-safe) */
  --color-on-accent: #ffffff;   /* text/icon color on accent fills */
  --color-line: #e7e0d6;        /* borders */

  /* Type scale — provisional; font family is a design-language TBD slot */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Radius and elevation */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-full: 999px;
  --shadow-card: 0 1px 2px rgba(36, 48, 58, 0.06),
                 0 4px 16px rgba(36, 48, 58, 0.08);
}