/* ============================================================
   Naxis Technologies — design tokens
   Steel blue #225479 (hue 206) is the only structural accent.
   Copper is annotation ink — numbers, eyebrows, plotted cells.
   Neutrals are faint tints of the brand hue: no warm paper,
   no generic gray. Radii: 8px controls / 12px panels; decor
   plates and pattern stay sharp (0).
   ============================================================ */

:root {
  /* ground + ink (hue 206 held, saturation collapsed) */
  --bg:          #ffffff;
  --bg-tint:     #f5f7f9;
  --bg-dip:      #eef2f5;
  --ink:         #16212b;
  --muted:       #5d6d7b;
  --faint:       #8a97a3;
  --line:        #e1e6eb;
  --line-strong: #c9d2da;

  /* brand — structure & action */
  --brand:       #225479;
  --brand-deep:  #1a4260;
  --brand-wash:  rgba(34, 84, 121, .06);
  --brand-wash-2:rgba(34, 84, 121, .12);

  /* copper — annotation & detail (text-safe ~4.7:1) */
  --copper:      #a85e24;
  --copper-wash: rgba(208, 133, 66, .10);
  --copper-wash-2:rgba(208, 133, 66, .18);

  /* registration grid — drawn in faint brand blue, never gray */
  --grid-fine:   rgba(34, 84, 121, .07);
  --grid-cross:  rgba(34, 84, 121, .26);
  --grid-cell:   rgba(208, 133, 66, .12);

  /* type */
  --font-sans: "InterVariable", "Inter", -apple-system, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas,
               "Liberation Mono", monospace;

  --fs-display: clamp(2.55rem, 6.2vw, 4.35rem);
  --fs-h2:      clamp(1.85rem, 3.6vw, 2.7rem);
  --fs-h3:      clamp(1.18rem, 1.7vw, 1.35rem);
  --fs-lead:    clamp(1.05rem, 1.55vw, 1.22rem);
  --fs-body:    1rem;
  --fs-small:   .875rem;
  --fs-mono:    .78rem;
  --fs-eyebrow: .72rem;

  /* radii — soft UI, sharp decor */
  --r-ctl:   8px;
  --r-panel: 12px;
  --r-plate: 0;

  /* rhythm */
  --container: 1120px;
  --container-wide: 1320px;
  --gutter: clamp(20px, 4.5vw, 44px);
  --sect:   clamp(4.25rem, 10vw, 7.5rem);

  /* decor */
  --plate-shadow: 8px 8px 0 rgba(34, 84, 121, .08);

  --header-h: 64px;
  --header-off: 10px;   /* the glass pane floats this far off the top edge */
}