/* ==========================================================================
   Studio Legale Di Ruberto — design tokens v2 (redesign 2026-05-20)
   Benchmark: Chiomenti.net (editorial italiano, palette cream+nero, serif).
   Fonte canonica: ../../DESIGN_SYSTEM.md § "Design tokens".
   ========================================================================== */

:root {
  /* ----- Palette : papiro + nero deep + ottone brunito ----- */
  --paper:        #F5F2EC;          /* hero / sezioni chiare */
  --paper-warm:   #EDE7DA;          /* alternanza sezioni */
  --rule-warm:    #D9D2C2;          /* hairline rules / bordi sottili */

  --ink:          #1A1A1A;          /* testo body */
  --ink-soft:     #2D2D2D;          /* header secondari */
  --ink-mid:      #5F5F5F;          /* meta, didascalie (AA su paper/paper-warm) */
  --ink-light:    #9A9A9A;          /* disabled, captions */

  --brass:        #7A5C36;          /* link hover, accent caps (AA: 5.51 su paper / 5.00 su paper-warm) */
  --brass-dark:   #5E4528;          /* hover su accent */

  --ink-bg:       #14141A;          /* footer pieno / hero alternativo */
  --paper-on-ink: #E8E3D6;          /* testo su sfondo scuro */

  --focus-ring:   #7A5C36;          /* outline focus visibile */

  /* ----- Tipografia ----- */
  --font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-body:    'Inter', -apple-system, system-ui, 'Segoe UI', Arial, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Scala modulare (1.250 — major third) */
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-22: 1.375rem;
  --fs-28: 1.75rem;
  --fs-36: 2.25rem;
  --fs-48: 3rem;
  --fs-64: 4rem;
  --fs-88: 5.5rem;

  /* Line heights */
  --lh-tight:  1.05;
  --lh-snug:   1.2;
  --lh-normal: 1.5;
  --lh-relaxed:1.65;

  /* Letter spacing */
  --ls-tight: -0.01em;
  --ls-caps:   0.12em;

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

  /* ----- Layout ----- */
  --container-max: 1280px;
  --container-pad: clamp(1rem, 5vw, 6rem);

  /* ----- Motion ----- */
  --ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --dur-ui:      240ms;
  --dur-reveal:  480ms;

  /* ----- Rules ----- */
  --hairline: 1px solid var(--rule-warm);
}

/* Breakpoints (commento — usati come @media inline) */
/* --bp-sm:  640px;  --bp-md:  960px;  --bp-lg: 1280px;  --bp-xl: 1600px; */