/* ============================================================
   SchoolComposite - Design Tokens
   Direction 12: Archival / Museum, executed bold + high-contrast
   ============================================================ */

:root {
  /* ---------- Typography ---------- */
  --font-display: "Libre Caslon Display", Georgia, "Times New Roman", serif;
  --font-body: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-accent: var(--font-body);

  /* Fluid type scale (clamp min .. max) */
  --text-xs:   clamp(0.72rem, 0.70rem + 0.10vw, 0.78rem);
  --text-sm:   clamp(0.82rem, 0.79rem + 0.15vw, 0.92rem);
  --text-base: clamp(1.00rem, 0.96rem + 0.20vw, 1.13rem);
  --text-lg:   clamp(1.15rem, 1.08rem + 0.35vw, 1.38rem);
  --text-xl:   clamp(1.35rem, 1.22rem + 0.65vw, 1.80rem);
  --text-2xl:  clamp(1.70rem, 1.45rem + 1.20vw, 2.55rem);
  --text-3xl:  clamp(2.15rem, 1.72rem + 2.05vw, 3.60rem);
  --text-4xl:  clamp(2.70rem, 2.00rem + 3.30vw, 5.00rem);
  --text-hero: clamp(3.10rem, 2.00rem + 5.20vw, 6.60rem);

  /* ---------- Color: gallery neutral + ink + one curatorial accent ---------- */
  --color-bg:        #f4f2ee;  /* gallery neutral */
  --color-bg-alt:    #eae6de;  /* deeper mat board */
  --color-bg-ink:    #1b1a17;  /* deep-field sections */
  --color-primary:   #1b1a17;  /* ink */
  --color-secondary: #3a372f;
  --color-accent:    #d33f2c;  /* curatorial vermilion - catalog numbers, links, CTA */
  --color-accent-deep: #b62f1f;
  --color-text:       #1b1a17;
  --color-text-muted: #6b665d;
  --color-text-onink: #f4f2ee;
  --color-text-onink-muted: #b7b1a4;
  --color-border:     #d8d3c8;
  --color-border-strong: #1b1a17;
  --color-border-onink: #45413a;
  --color-link:       #b62f1f;
  --color-link-hover: #8f2417;
  --color-link-onink: #f0866f;

  /* Sample-artwork school colors (ONLY inside composite art, never chrome) */
  --maplewood-green: #1a4d2e;
  --maplewood-gold:  #c8a84c;

  /* ---------- Spacing (fluid) ---------- */
  --space-2xs: clamp(0.25rem, 0.23rem + 0.10vw, 0.35rem);
  --space-xs:  clamp(0.5rem, 0.45rem + 0.20vw, 0.70rem);
  --space-sm:  clamp(0.85rem, 0.75rem + 0.40vw, 1.15rem);
  --space-md:  clamp(1.25rem, 1.05rem + 0.90vw, 1.90rem);
  --space-lg:  clamp(2.00rem, 1.55rem + 2.00vw, 3.25rem);
  --space-xl:  clamp(3.00rem, 2.20rem + 3.60vw, 5.25rem);
  --space-2xl: clamp(4.50rem, 3.20rem + 5.80vw, 8.00rem);

  /* ---------- Radius: zero everywhere (Archival = keylines, not rounding) ---------- */
  --radius-none: 0;
  --radius-sm: 0;
  --radius-lg: 0;

  /* ---------- Keyline / mat ---------- */
  --keyline: 1px solid var(--color-border-strong);
  --keyline-soft: 1px solid var(--color-border);
  --mat: clamp(0.85rem, 0.6rem + 1.1vw, 1.75rem);

  /* ---------- Motion (Archival = fades only) ---------- */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;

  /* ---------- Layout ---------- */
  --container-max: 78rem;
  --container-narrow: 46rem;
  --container-wide: 90rem;
}