/* ==========================================================================
   GDVP design tokens — the single palette + primitives for the whole org.

   This is the SSOT. Every surface (license server pages, the CMS SPA, the
   MkDocs Knowledge Base skin) loads THIS file for its colours, type and bevels
   so the Netscape / NCSA-Mosaic identity is defined exactly once.

   Netscape / Win95 era: #c0c0c0 chrome, #fff/#808080/#404040 outset/inset
   bevels, Times New Roman body, Courier New mono, classic blue/violet/red
   links, navy code, phosphor-green accents. Light-only — the era had no dark
   mode, and the skin commits to that.
   ========================================================================== */
:root {
  color-scheme: light only;

  /* ---- Surfaces --------------------------------------------------------- */
  --silver: #c0c0c0; /* window chrome / body canvas */
  --panel:  #d0d0d0; /* raised group-box / card */
  --field:  #e0e0e0; /* sunken input / code field */
  --canvas: #ffffff; /* paper — long-form reading surfaces */

  /* ---- Ink -------------------------------------------------------------- */
  --ink:      #000000;
  --ink-soft: #404040;
  --mono-ink: #000080; /* code / monospace navy */

  /* ---- Bevel edges (Win95 outset/inset) --------------------------------- */
  --hi:  #ffffff; /* top-left highlight */
  --mid: #808080; /* mid shadow */
  --lo:  #404040; /* bottom-right shadow */

  /* ---- Links ------------------------------------------------------------ */
  --link:    #0000ee;
  --visited: #551a8b;
  --active:  #ff0000;

  /* ---- Status ----------------------------------------------------------- */
  --ok:        #006000;
  --danger:    #a00000;
  --warn:      #905000;
  --info:      #004080;
  --phosphor:  #00d000; /* terminal-green accent */

  /* ---- Type ------------------------------------------------------------- */
  --font-body: "Times New Roman", Times, Georgia, serif;
  --font-mono: "Courier New", Courier, monospace;

  /* ---- Composite bevels (use as `border-color: var(--bevel-out)`) -------- */
  --bevel-out: var(--hi) var(--lo) var(--lo) var(--hi);  /* raised */
  --bevel-in:  var(--lo) var(--hi) var(--hi) var(--lo);  /* pressed / sunken */
  --bevel-panel-out: var(--hi) var(--mid) var(--mid) var(--hi);
  --bevel-panel-in:  var(--mid) var(--hi) var(--hi) var(--mid);

  /* ---- Rhythm ----------------------------------------------------------- */
  --gap: 14px;
  --radius: 0; /* the era has no rounded corners — keep it square everywhere */
  --content: 980px; /* max reading width for centered content columns */
}