/* ==========================================================================
   Design tokens — Rafael Reyes portfolio
   Palette is fixed by the brand. Contrast measured, not guessed:
     ink/paper    11.9:1   sage/ink   8.3:1   green/ink  4.9:1
     teal/paper    4.9:1   green/paper 2.4:1  <-- FAILS. Fill only, never text.
   ========================================================================== */

:root {
  /* Brand */
  --ink:      #1f2421;
  --teal:     #216869;
  --green:    #49a078;
  --sage:     #9cc5a1;
  --paper:    #dce1de;

  /* Derived */
  --card:     #f2f5f3;
  --card-2:   #e7ebe8;
  --ink-2:    #2b322e;   /* raised surface on dark */
  --ink-3:    #3a423d;   /* hairline on dark */
  --rule:     rgba(31,36,33,.16);
  --rule-2:   rgba(31,36,33,.08);
  --rule-dk:  rgba(220,225,222,.14);

  /* Text roles */
  --tx:       var(--ink);
  --tx-mute:  #4d5551;
  --tx-dk:    var(--paper);
  --tx-dk-mute: var(--sage);

  /* Type */
  --f-display: "Archivo", "Helvetica Neue", sans-serif;
  --f-body:    "Instrument Sans", "Helvetica Neue", sans-serif;
  --f-serif:   "Instrument Serif", Georgia, serif;
  --f-mono:    "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  --t-hero:  clamp(3.5rem, 15.5vw, 15rem);
  --t-h1:    clamp(2.5rem, 7vw, 5.5rem);
  --t-h2:    clamp(1.9rem, 4.2vw, 3.4rem);
  --t-h3:    clamp(1.25rem, 2vw, 1.75rem);
  --t-lead:  clamp(1.05rem, 1.6vw, 1.375rem);
  --t-body:  1.0625rem;
  --t-sm:    0.9375rem;
  --t-mono:  0.75rem;

  /* Space */
  --gut:     clamp(1.25rem, 4vw, 3.5rem);
  --sec:     clamp(5rem, 12vw, 11rem);
  --maxw:    88rem;
  --measure: 62ch;

  /* Motion */
  --ease:    cubic-bezier(.22,.61,.36,1);
  --ease-io: cubic-bezier(.65,.05,.36,1);
  --dur:     .5s;
}