/* Fybonaci design tokens.
   Palette sampled from the working logo (fybonaci-logo-working.png):
   ground #000000, oxblood #280301, green #0F240A, indigo #050D24, gold line #D59D30.
   Raw pigments are near-black; lifted variants exist for UI surfaces.
   Spacing follows the sequence. Type steps at 1.272 so two steps compound to the golden ratio. */

:root {
  /* grounds */
  --ground-field: #050403;
  --ground-study: #F3ECDD;
  --ground-study-deep: #EAE0CC;

  /* the hand */
  --gold: #D59D30;
  --gold-deep: #8A6118; /* dark enough for small labels on paper (AA) */

  /* pigments: raw (from the artwork) and lifted (for surfaces) */
  --ox-raw: #280301;
  --ox: #451512;
  --green-raw: #0F240A;
  --green: #1C4526;
  --indigo-raw: #050D24;
  --indigo: #1B2A50;

  /* inks */
  --ink: #17120A;
  --ink-soft: rgba(23, 18, 10, 0.74);
  --ink-faint: rgba(23, 18, 10, 0.6);
  --bone: #EDE4D3;
  --bone-soft: rgba(237, 228, 211, 0.76);
  --bone-faint: rgba(237, 228, 211, 0.52);

  /* hairlines */
  --rule-ink: rgba(23, 18, 10, 0.22);
  --rule-bone: rgba(237, 228, 211, 0.24);
  --rule-gold: rgba(213, 157, 48, 0.5);

  /* spacing: 8 13 21 34 55 89 144 233 */
  --s-1: 8px;
  --s-2: 13px;
  --s-3: 21px;
  --s-4: 34px;
  --s-5: 55px;
  --s-6: 89px;
  --s-7: 144px;
  --s-8: 233px;

  /* type: base 17px, ratio 1.272 */
  --t-0: 0.8125rem;
  --t-1: 1.0625rem;
  --t-2: 1.35rem;
  --t-3: 1.72rem;
  --t-4: 2.19rem;
  --t-5: 2.78rem;
  --t-6: 3.54rem;
  --t-7: 4.5rem;
  --t-8: 5.73rem;
  --t-9: 7.28rem;

  --f-display: "Fraunces", "Georgia", serif;
  --f-text: "Newsreader", "Georgia", serif;
  --f-ui: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "IBM Plex Mono", "Consolas", monospace;

  --ease-draw: cubic-bezier(0.55, 0.06, 0.28, 0.99);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --measure: 34em;
  --shell-max: 1600px;
  --shell-pad: clamp(21px, 4.5vw, 89px);
}