/* ============================================================
   Seije Design Tokens — single source of truth

   The canonical palette, radii, and font stack for every Seije-owned
   surface. Loaded before seije-admin.css (which maps these onto Django's
   own --primary/--button-bg/etc.) and available to any admin-embedded
   custom screen. Self-rendered public pages should mirror these values.

   See docs/engineering/DESIGN_STANDARDS.md for the full standard.
   ============================================================ */

/* --- Self-hosted Inter (variable, OFL) -----------------------
   Served first-party from /static (WhiteNoise) — no third-party web-font
   request. url() paths are relative to this file and get hashed by Django's
   ManifestStaticFilesStorage at collectstatic. Font files + license live in
   ./fonts/. Two subsets keep the payload small (latin ~48KB, latin-ext ~85KB);
   the browser only downloads the ranges a page actually uses. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/inter-latin-wght-normal.260c81a4759b.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/inter-latin-ext-wght-normal.1ad231aac0a8.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root {
  /* --- Palette: neutrals --- */
  --s-ink:       #111827;   /* primary text, headings */
  --s-muted:     #6B7280;   /* secondary text, help, placeholders */
  --s-line:      #E5E7EB;   /* borders, hairline separators */
  --s-surface:   #FFFFFF;   /* cards, panels, inputs */
  --s-cloud:     #F7F8FA;   /* page background */

  /* --- Palette: brand --- */
  --s-blue:        #2563EB;  --s-blue-dark:   #1D4ED8;  /* primary, links */
  --s-teal:        #14B8A6;  --s-teal-dark:   #0F766E;  /* create / secondary */
  --s-amber:       #F59E0B;  --s-amber-dark:  #D97706;  /* caution / mode */
  --s-coral:       #F97373;  --s-coral-dark:  #E05555;  /* destructive */
  --s-violet:      #8B5CF6;                             /* AI-generated marker */

  /* --- Radius --- */
  --s-radius-control: 6px;   /* buttons, inputs, controls */
  --s-radius-card:    8px;   /* cards, fieldsets, panels, inline groups */
  --s-radius-modal:  12px;   /* login card, modals */
  --s-radius-pill:  999px;   /* status pills only — never buttons */

  /* --- Button / control sizing ---
     Default = comfortable primary/form action. Compact = toolbars, table-row
     actions, object-tools. Keep a >=44px touch target on coarse pointers. */
  --s-control-h:           36px;
  --s-control-h-compact:   32px;
  --s-control-pad-x:       16px;
  --s-control-pad-x-compact: 14px;
  --s-control-font:        13px;
  --s-control-font-compact: 12px;

  /* --- Type --- */
  --s-font: Inter, ui-sans-serif, system-ui, -apple-system,
            BlinkMacSystemFont, "Segoe UI", sans-serif;
}