/* END — tokens.css */
/* Design tokens for the END manifesto site */
/* Quinn — Task 5 — 2026-05-18 */

:root {
  /* SURFACE */
  --ground:      #F8F6F2;
  --ink:         #1A1814;
  --ink-60:      rgba(26, 24, 20, 0.60);
  --ink-40:      rgba(26, 24, 20, 0.40);
  --ink-20:      rgba(26, 24, 20, 0.20);
  --ink-10:      rgba(26, 24, 20, 0.10);

  /* TYPOGRAPHY */
  --font-display: 'Lora', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;

  /* TYPE SCALE */
  --text-xs:     0.6875rem;   /* 11px */
  --text-sm:     0.8125rem;   /* 13px */
  --text-base:   1.0625rem;   /* 17px */
  --text-lg:     1.25rem;     /* 20px */
  --text-xl:     1.5625rem;   /* 25px */
  --text-2xl:    2rem;        /* 32px */
  --text-3xl:    2.75rem;     /* 44px */
  --text-hero:   clamp(4.5rem, 6vw, 5.25rem);  /* 72–84px */

  /* SPACING (8px base) */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-32:  128px;

  /* LAYOUT */
  --max-content:   780px;
  --nav-height:    64px;

  /* LAYOUT — additional */
  --max-text:      600px;    /* Standard text block max-width */
  --max-form:      560px;    /* Form max-width */
  --max-diagram:   960px;    /* Diagram section max-width */
  --max-iceberg:   600px;    /* Iceberg portrait max-width */
  --border-ink:    1px solid var(--ink-10);   /* Section separator */
  --min-textarea:  140px;    /* Enquiry form textarea min-height */

  /* ANIMATION */
  --ease-std:      cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-std:  300ms;
}