/* GENERATED by tokens/generate.py on 2026-07-09 — DO NOT EDIT.
   Edit tokens/brand-tokens.json and re-run the generator. */

:root {
  /* --- color --- */
  --pink: #F05E9C;
  --pink-deep: #D63F7E;
  --pink-text: #A02960;
  --pink-light: #FFB3D1;
  --pink-tint: #FFE5EE;
  --cherry: #E63946;
  --cherry-deep: #B82838;
  --plum: #6B2D5A;
  --ink: #0A0A0F;
  --ink-2: #4a4a55;
  --ink-3: #8a8a95;
  --ink-3-text: #6f6f7a;
  --annotation-muted: #9ca3af;
  --grid-light: #f3f4f6;
  --forecast-tint: #FFE5F1;
  --py-trend: #c8b6c7;
  --py-trend-light: #cbd5e1;
  --hairline: #ece4e6;
  --cream: #FFF8E8;
  --open-edge: #E6CE92;
  --open-band: #F6ECCF;
  --open-band-edge: #EFE3C4;
  --surface: #FFF0F3;
  --surface-dark: #0E0E12;
  --paper: #FFFFFF;
  --skeleton-base: #F4F0F2;
  --skeleton-highlight: #FAEEF2;

  /* --- semantic --- */
  --success: #6E9579;
  --success-deep: #3F5F49;
  --warning: #DDA73C;
  --warning-deep: #7A5A14;
  --error: #B82838;
  --info: #3C7E8A;
  --info-deep: #1F4F5A;
  --coral-deep: #8B4513;
  --c5-deep: #8C4A2E;
  --c7-deep: #5C5A2A;
  --delta-down-on-ink: #F4A4A4;
  --delta-up-on-ink: #B8E0C2;
  --success-tint: #E8F5EC;
  --cherry-tint: #FBE9EC;
  --warning-tint: #FFF6E5;
  --info-tint: #E2F3F8;

  /* --- chart palette --- */
  --c1: #F05E9C;  /* pink */
  --c2: #E63946;  /* cherry */
  --c3: #6B2D5A;  /* plum */
  --c4: #B07A9E;  /* mauve */
  --c5: #E08465;  /* coral */
  --c6: #DDA73C;  /* amber */
  --c7: #8A8540;  /* olive */
  --c8: #6E9579;  /* sage */
  --c9: #3C7E8A;  /* teal */
  --c10: #2A2A35;  /* ink-deep */

  /* --- type families --- */
  --font-wordmark: 'Caprasimo', serif;
  --font-display: 'Fraunces', Georgia, serif;
  --font-sans: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'DM Mono', 'JetBrains Mono', monospace;
  --font-mono-heavy: 'JetBrains Mono', monospace;

  /* --- type tokens --- */
  --type-kpi-value-size: 28px;
  --type-kpi-value-weight: 600;
  --type-kpi-value-tracking: -0.015em;
  --type-table-num-size: 13.5px;
  --type-table-num-weight: 500;
  --type-table-delta-size: 11.5px;
  --type-matrix-val-size: 16px;
  --type-matrix-yoy-size: 11px;
  --type-eyebrow-tracking: 0.32em;

  /* --- radius --- */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --radius-mark: 22%;

  /* --- space --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 18px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-insight-max: 600px;

  /* --- shadow --- */
  --shadow-card-hover: 0 4px 14px rgba(10,10,15,0.06), 0 1px 2px rgba(10,10,15,0.04);
  --shadow-menu: 0 12px 32px rgba(10,10,15,0.10), 0 2px 6px rgba(10,10,15,0.04);
  --shadow-toast: 0 4px 12px rgba(10,10,15,0.08), 0 2px 4px rgba(10,10,15,0.04);
  --shadow-modal: 0 16px 40px rgba(10,10,15,0.18);

  /* --- shell (app geometry: sidebar, header) --- */
  --shell-sidebar-width: 220px;
  --shell-sidebar-width-collapsed: 64px;
  --shell-sidebar-padding-x: 18px;
  --shell-sidebar-padding-x-collapsed: 8px;
  --shell-sidebar-padding-y: 22px;
  --shell-brand-row-height: 40px;
  --shell-header-height: 64px;
  --shell-header-padding-x: 20px;
  --shell-header-gap: 14px;

  /* --- motion (durations + easings) --- */
  --motion-fast: 100ms;
  --motion-base: 120ms;
  --motion-medium: 140ms;
  --motion-slow: 180ms;
  --motion-spin: 700ms;
  --motion-loader-bar: 1100ms;
  --motion-shimmer: 1200ms;
  --motion-pane: 260ms;
  --motion-ease-out: cubic-bezier(0.2, 0, 0, 1);
  --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-spring: cubic-bezier(0.34, 1.3, 0.5, 1);

  /* --- breakpoints (fonte documentale: le @media usano i VALORI allineati) --- */
  --bp-phone: 640px;
  --bp-tablet: 1024px;
  --bp-tablet-lg: 1366px;

  /* --- glass (chrome mobile: tab-bar flottante; MAI sul contenuto) --- */
  --glass-bg: rgba(255,255,255,0.55);
  --glass-bg-deep: rgba(255,255,255,0.42);
  --glass-edge-hi: rgba(255,255,255,0.95);
  --glass-edge-lo: rgba(10,10,15,0.10);
  --glass-blur: 24px;
  --glass-saturate: 1.9;
}