/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-buio-800: #152118;
  --primitive-color-buio-850: #0e1811;
  --primitive-color-buio-900: #0a110c;
  --primitive-color-buio-950: #060b07;
  --primitive-color-velluto-400: #39844f;
  --primitive-color-velluto-500: #28693c;
  --primitive-color-velluto-600: #1e552e;
  --primitive-color-velluto-800: #10301a;
  --primitive-color-velluto-900: #0a2211;
  --primitive-color-oro-300: #f5dda8;
  --primitive-color-oro-400: #ebc983;
  --primitive-color-oro-500: #ddb063;
  --primitive-color-oro-700: #7a5520;
  --primitive-color-brace-300: #ffc98a;
  --primitive-color-brace-400: #ffa25a;
  --primitive-color-brace-500: #ff7a2e;
  --primitive-color-carta-100: #f7eedd;
  --primitive-color-carta-200: #f2e6d0;
  --primitive-color-carta-300: #e6d3b3;
  --primitive-color-inchiostro-700: #495346;
  --primitive-color-inchiostro-900: #0f2215;
  --primitive-color-fumo-400: #c7b3a1;
  --primitive-color-fumo-500: #a08c7c;
  --primitive-font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --primitive-font-body: "Instrument Sans", "Helvetica Neue", Arial, system-ui, sans-serif;
  --primitive-size-xs: 0.8125rem;
  --primitive-size-sm: 0.9375rem;
  --primitive-size-base: 1.0625rem;
  --primitive-size-lg: clamp(1.1875rem, 1.05rem + 0.5vw, 1.375rem);
  --primitive-size-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);
  --primitive-size-2xl: clamp(2.125rem, 1.4rem + 3vw, 3.75rem);
  --primitive-size-3xl: clamp(2.75rem, 1.5rem + 5.6vw, 6.25rem);
  --primitive-size-4xl: clamp(3.5rem, 1rem + 11vw, 11.5rem);
  --primitive-space-1: 0.25rem;
  --primitive-space-2: 0.5rem;
  --primitive-space-3: 0.75rem;
  --primitive-space-4: 1rem;
  --primitive-space-6: 1.5rem;
  --primitive-space-8: 2rem;
  --primitive-space-12: 3rem;
  --primitive-space-16: 4rem;
  --primitive-space-24: 6rem;
  --primitive-space-fluid-section: clamp(5rem, 3rem + 9vw, 11rem);
  --primitive-space-gutter: clamp(1rem, 0.4rem + 2.6vw, 3rem);
  --primitive-radius-none: 0;
  --primitive-radius-sm: 2px;
  --primitive-radius-arch: 999px 999px 4px 4px;
  --primitive-radius-pill: 999px;
  --primitive-ease-enter: cubic-bezier(0.22, 1, 0.36, 1);
  --primitive-ease-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --primitive-ease-move: cubic-bezier(0.25, 1, 0.5, 1);
  --primitive-ease-curtain: cubic-bezier(0.76, 0, 0.24, 1);
  --primitive-ease-press: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --primitive-duration-press: 140ms;
  --primitive-duration-hover: 220ms;
  --primitive-duration-dialog: 520ms;
  --primitive-duration-reveal: 1100ms;
  --primitive-duration-curtain: 1400ms;
}

/* === SEMANTIC === */
:root {
  --color-stage: #0a110c;
  --color-stage-deep: #060b07;
  --color-panel: #152118;
  --color-fabric: #1e552e;
  --color-fabric-deep: #10301a;
  --color-fabric-shadow: #0a2211;
  --color-light: #ddb063;
  --color-light-hover: #ebc983;
  --color-light-soft: #f5dda8;
  --color-fire: #ff7a2e;
  --color-fire-soft: #ffc98a;
  --color-text: #f2e6d0;
  --color-text-muted: #c7b3a1;
  --color-text-faint: #a08c7c;
  --color-paper: #f2e6d0;
  --color-paper-deep: #e6d3b3;
  --color-ink: #0f2215;
  --color-ink-muted: #495346;
  --color-ink-accent: #1e552e;
  --color-ink-gold: #7a5520;
  --color-line: rgba(221,176,99, 0.32);
  --color-line-strong: rgba(221,176,99, 0.6);
  --color-focus: #ebc983;
  --font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-body: "Instrument Sans", "Helvetica Neue", Arial, system-ui, sans-serif;
  --text-caption: 0.8125rem;
  --text-small: 0.9375rem;
  --text-body: 1.0625rem;
  --text-lede: clamp(1.1875rem, 1.05rem + 0.5vw, 1.375rem);
  --text-h3: clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);
  --text-h2: clamp(2.125rem, 1.4rem + 3vw, 3.75rem);
  --text-h1: clamp(2.75rem, 1.5rem + 5.6vw, 6.25rem);
  --text-marquee: clamp(3.5rem, 1rem + 11vw, 11.5rem);
  --spacing-section: clamp(5rem, 3rem + 9vw, 11rem);
  --spacing-gutter: clamp(1rem, 0.4rem + 2.6vw, 3rem);
  --spacing-stack: 1.5rem;
}

/* === COMPONENTS === */
:root {
  --button-bg: #ddb063;
  --button-bg-hover: #ebc983;
  --button-fg: #0a110c;
  --button-ghost-border: rgba(221,176,99, 0.6);
  --button-radius: 999px;
  --button-height: 3.25rem;
  --playbill-bg: #f2e6d0;
  --playbill-fg: #0f2215;
  --playbill-accent: #1e552e;
  --playbill-rule: rgba(15,34,21, 0.22);
  --photo-radius: 2px;
  --photo-arch: 999px 999px 4px 4px;
}