/* Techarcus brand tokens - Ship Accent palette (14d)
   Source of truth: "Techarcus Brand Kit 14d.dc.html" section 01.
   Design and engineering sit in quiet slate; the orange belongs to ship only.

   Tokens are named by ROLE, not by colour, so swapping the palette (14a
   Spectrum, 14b Azure, 14c Aurora) is a change to this file alone. */

:root {
  /* --- Phase colours, dark surfaces --- */
  --ta-design:   #8b93a7;   /* SLATE  */
  --ta-engineer: #c3cad8;   /* STEEL  */
  --ta-ship:     #f97316;   /* ORANGE */

  /* --- Phase colours, light surfaces (darkened set) --- */
  --ta-design-on-light:   #64748b;
  --ta-engineer-on-light: #94a3b8;
  --ta-ship-on-light:     #ea580c;   /* EMBER */

  /* --- Neutrals --- */
  --ta-ink:   #101114;
  --ta-mist:  #f2f6ff;
  --ta-slate: #8b93a7;
  --ta-ink-text: #101828;

  /* --- Type --- */
  --ta-font-display: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ta-font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ta-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --ta-tracking-display: -0.015em;
  --ta-tracking-mono: 0.18em;

  --ta-radius-pill: 999px;
  --ta-radius-card: 16px;
  --ta-radius-panel: 20px;
}

/* ---------- Theme: dark (default) ---------- */
:root,
[data-theme="dark"] {
  --bg: var(--ta-ink);
  --surface: #101216;
  --surface-2: #15181f;
  --border: #232936;
  --border-soft: #2e3542;
  --text: var(--ta-mist);
  --text-muted: var(--ta-slate);
  --text-faint: #5b6272;
  --rule: #232936;

  --design:   var(--ta-design);
  --engineer: var(--ta-engineer);
  --ship:     var(--ta-ship);
  --glyph-bar: var(--ta-mist);
  --glyph-off: #2a2e37;

  --grid-line: rgba(242, 246, 255, .025);
  --glow-core: rgba(249, 115, 22, .15);
  --glow-edge: rgba(249, 115, 22, .07);

  --card-design-bg: #15171c;   --card-design-border: #262b33;
  --card-engineer-bg: #14161b; --card-engineer-border: #23262d;
  --card-ship-bg: #1c130c;     --card-ship-border: #3a2410;

  --panel-bg: var(--surface);
  --panel-border: var(--border);
  --watermark-opacity: .08;
}

/* ---------- Theme: light ---------- */
[data-theme="light"] {
  --bg: #ffffff;
  --surface: #f5f7fb;
  --surface-2: #ffffff;
  --border: #e2e8f0;
  --border-soft: #d7dee9;
  --text: var(--ta-ink-text);
  --text-muted: #5b6b85;
  --text-faint: var(--ta-slate);
  --rule: #e2e8f0;

  --design:   var(--ta-design-on-light);
  --engineer: var(--ta-engineer-on-light);
  --ship:     var(--ta-ship-on-light);
  --glyph-bar: var(--ta-ink-text);
  --glyph-off: #dbe3ed;

  --grid-line: rgba(14, 26, 51, .04);
  --glow-core: rgba(249, 115, 22, .13);
  --glow-edge: rgba(249, 115, 22, .05);

  --card-design-bg: #f4f6f9;   --card-design-border: #dfe4eb;
  --card-engineer-bg: #f2f4f8; --card-engineer-border: #e2e7ee;
  --card-ship-bg: #fdf2e9;     --card-ship-border: #f2ddc8;

  --panel-bg: var(--surface);
  --panel-border: var(--border);
  --watermark-opacity: .07;
}

/* The primary CTA is the ship orange on both themes - see kit section 07.
   NOTE: #ffffff on #f97316 measures 2.8:1. That is the kit's specified pairing,
   kept as-is; --cta-text is the single knob if it needs to change. */
:root { --cta-bg: var(--ta-ship); --cta-text: #ffffff; --cta-bg-hover: #ea580c; }