/* 
 * Design tokens — "Digital Heirloom" / The Curated Archive
 * Estratto rigorosamente da stitch tailwind config.
 */

:root {
    /* Surfaces */
    --surface-container-low: #f7f3ea;
    --background: #fdf9f0;
    --inverse-on-surface: #f4f0e7;
    --surface-container-lowest: #ffffff;
    --surface-dim: #dddad1;
    --inverse-surface: #31312b;
    --surface: #fdf9f0;
    --surface-container: #f1eee5;
    --surface-container-highest: #e6e2d9;
    --surface-variant: #e6e2d9;
    --surface-tint: #466550;
    --surface-bright: #fdf9f0;
    --surface-container-high: #ece8df;

    /* Primary Forest */
    --primary: #163422;
    --on-primary: #ffffff;
    --primary-container: #2d4b37;
    --on-primary-container: #99baa1;
    --primary-fixed: #c8ebd0;
    --on-primary-fixed: #022110;
    --primary-fixed-dim: #adcfb4;
    --on-primary-fixed-variant: #2f4d39;
    --inverse-primary: #adcfb4;

    /* Secondary Terracotta */
    --secondary: #904b36;
    --on-secondary: #ffffff;
    --secondary-container: #fea58a;
    --on-secondary-container: #783924;
    --secondary-fixed: #ffdbd0;
    --on-secondary-fixed: #3a0b00;
    --secondary-fixed-dim: #ffb59e;
    --on-secondary-fixed-variant: #733521;

    /* Tertiary Soft Blue/Lake */
    --tertiary: #13323e;
    --on-tertiary: #ffffff;
    --tertiary-container: #2b4855;
    --on-tertiary-container: #98b6c5;
    --tertiary-fixed: #c9e7f7;
    --on-tertiary-fixed: #001f2a;
    --tertiary-fixed-dim: #adcbda;
    --on-tertiary-fixed-variant: #2e4b57;

    /* Outline & On-Surface */
    --outline: #727972;
    --outline-variant: #c2c8c0;
    --on-surface: #1c1c17;
    --on-surface-variant: #424843;
    --on-background: #1c1c17;

    /* Error */
    --error: #ba1a1a;
    --on-error: #ffffff;
    --error-container: #ffdad6;
    --on-error-container: #93000a;

    /* Typography */
    --font-headline: 'Noto Serif', serif;
    --font-body: 'Manrope', sans-serif;
    --font-label: 'Manrope', sans-serif;

    /* Border Radius (Tailwind standard mapped) */
    --radius-none: 0;
    --radius-sm: 0.125rem;
    --radius-DEFAULT: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --radius-5xl: 3rem;
    --radius-full: 9999px;

    /* Shadows (Tailwind mapping for stitch values) */
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    /* Custom shadow used in stitch (shadow-primary/10) */
    --shadow-primary: 0 20px 25px -5px rgba(22, 52, 34, 0.1), 0 8px 10px -6px rgba(22, 52, 34, 0.1);
}