/* SECU theme — Angy's v7 "Polished" design kit (2026-09-19). Token values only; component CSS lives in workspace.html.
   Legacy names (--cyan/--violet/--amber/--emerald/--grad-warm) are mapped so every page retheme. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=IBM+Plex+Sans+Arabic:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');
:root {
  /* surfaces — green-black cast */
  --bg-deep: #0A0C0B; --bg: #0E1110; --bg-alt: #151918; --bg-raised: #1B201E; --bg-input: #111514;
  /* light model */
  --edge-hi: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --edge-lo: inset 0 -1px 0 rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 8px 24px -12px rgba(0, 0, 0, 0.7), 0 2px 6px -2px rgba(0, 0, 0, 0.5);
  --ring: 0 0 0 3px rgba(60, 232, 124, 0.18);
  /* borders */
  --line: rgba(255, 255, 255, 0.06); --line-strong: rgba(255, 255, 255, 0.11); --line-hi: rgba(255, 255, 255, 0.14);
  /* text — faint lifted to ≥4.5:1 on every surface it sits on */
  --ink: #EEF0EE; --ink-soft: #B8BEBA; --ink-muted: #858D89; --ink-faint: #7B837F;
  /* accent — the only hue */
  --green: #34D374; --green-text: #6EE7A0; --green-wash: rgba(52, 211, 116, 0.09);
  /* person hues (fill / text) */
  --sage-fill: #17362A; --sage-text: #8FDCB4;
  --slate-fill: #1B2A3A; --slate-text: #93B8E0;
  --mauve-fill: #2E2436; --mauve-text: #C9A6D9;
  --sand-fill: #352C1E; --sand-text: #D9BC8F;
  /* legacy names, mapped to green or neutral */
  --cyan: var(--green-text); --violet: var(--ink-muted); --amber: var(--ink-muted); --emerald: var(--green);
  --grad-warm: #34D374; --red: var(--ink-muted);
  --r-sm: 6px; --r-md: 10px; --r-full: 999px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --sans: 'Instrument Sans', 'IBM Plex Sans Arabic', -apple-system, sans-serif;
  --serif: var(--sans);
  --arabic: 'IBM Plex Sans Arabic', 'Instrument Sans', sans-serif;
  --mono: 'JetBrains Mono', 'SF Mono', monospace;
}