/* ─────────────────────────────────────────────────────────
   TESTA — Design Tokens
   ───────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,300;1,9..144,400&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  /* Palette */
  --white:        #ffffff;
  --paper:        #faf8f5;
  --paper-2:      #f3f0eb;
  --paper-3:      #e8e3db;
  --ink:          #13110e;
  --ink-2:        #3d3730;
  --ink-3:        #7a7169;
  --ink-4:        #b0a89f;

  --coral:        #e05c2e;
  --coral-light:  #fdf1ec;
  --coral-mid:    #f4c3ac;
  --coral-dark:   #b8441c;

  --blue-wash:    #eef3fb;
  --blue-mid:     #c5d8f2;
  --blue-deep:    #2c5fa3;

  --green-wash:   #eaf4ee;
  --green-mid:    #b0d9bc;
  --green-deep:   #2d7a4a;

  --amber-wash:   #fdf5e6;

  /* Borders */
  --border:       rgba(19,17,14,0.08);
  --border-mid:   rgba(19,17,14,0.13);
  --border-heavy: rgba(19,17,14,0.2);

  /* Typography */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* Radius */
  --r-xs:   6px;
  --r-sm:   10px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-xl:   32px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(19,17,14,0.07), 0 1px 2px rgba(19,17,14,0.05);
  --shadow-md:  0 4px 16px rgba(19,17,14,0.08), 0 2px 6px rgba(19,17,14,0.05);
  --shadow-lg:  0 16px 48px rgba(19,17,14,0.10), 0 4px 16px rgba(19,17,14,0.06);
  --shadow-xl:  0 32px 80px rgba(19,17,14,0.14), 0 8px 24px rgba(19,17,14,0.08);

  /* Spacing scale */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* Transitions */
  --ease:      cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out:  cubic-bezier(0, 0, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
}