/* ============================================================================
   Sedoha — structural design tokens  (SHARED · identical on every branch)

   Mirror of the Sedoha design-system foundations. VALUES ONLY — the rationale
   is canonical elsewhere and is not reproduced in this public repo.
   These structural tokens do not carry color; color lives in theme.css, which
   is the single file that differs between the palette preview builds.
   ========================================================================== */

/* -- Self-hosted faces (variable woff2; latin subset) --------------------- */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 650;              /* variable axis; we only use 400/500/650 */
  font-display: swap;
  src: url("/fonts/inter-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/source-serif-4-latin.woff2") format("woff2");
}

:root {
  /* -- Type families ------------------------------------------------------ */
  --sd-font-ui:     "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sd-font-reader: "Source Serif 4", Georgia, "Times New Roman", serif;

  /* -- Type scale (px, from the ratified scale — nothing off-scale) ------- */
  --sd-fs-meta:    12px;   /* dense meta            */
  --sd-fs-table:   13px;   /* table body (working)  */
  --sd-fs-ui:      14px;   /* UI default            */
  --sd-fs-lead:    16px;   /* emphasis / lead       */
  --sd-fs-section: 20px;   /* subhead               */
  --sd-fs-title:   28px;   /* section title         */
  --sd-fs-display: 40px;   /* hero / display        */

  /* -- Weights (400/500/650 only — no light, no 800+) -------------------- */
  --sd-w-reg:  400;
  --sd-w-med:  500;
  --sd-w-bold: 650;

  /* -- Line height (unitless, 1.3–1.45) ---------------------------------- */
  --sd-lh-tight: 1.3;
  --sd-lh-body:  1.45;

  /* -- Spacing (4px base scale — nothing off-scale) ---------------------- */
  --sd-s1:  4px;
  --sd-s2:  8px;
  --sd-s3:  12px;
  --sd-s4:  16px;
  --sd-s5:  24px;
  --sd-s6:  32px;
  --sd-s7:  48px;
  --sd-s8:  64px;

  /* -- Shape: hairlines over shadows; radii cap at 8 (rounder = consumer) - */
  --sd-hairline-w: 1px;
  --sd-radius-ctl: 4px;    /* controls / chips */
  --sd-radius-card: 8px;   /* cards / panels   */

  /* -- Measure: never run to the window edge (45–90ch) ------------------- */
  --sd-measure: 68ch;

  /* -- Capital identity colors (Sedoha canonical palette) ----------------
     The six capitals' color identity, from the OS capital-visualization.md.
     Used only to identify the capitals by name; always paired with bold so
     the meaning never rests on hue alone. NOTE: --sd-cap-social (gold) is
     low-contrast on paper — see the text-safe override in site.css. */
  --sd-cap-natural:      #6A4C93;   /* purple     */
  --sd-cap-social:       #E3B505;   /* gold       */
  --sd-cap-human:        #2E6E73;   /* teal       */
  --sd-cap-manufactured: #6E8B5E;   /* sage/olive */
  --sd-cap-financial:    #9B3B6A;   /* plum       */
  --sd-cap-intellectual: #43568F;   /* slate blue */
}