/*
 * OPS//HUB design tokens — Vertex-aligned (v2)
 *
 * Source of truth: `OPSHUB_design_tokens_v2.md` in the Dropbox workspace
 * (Vertex OPS HUB / parent of the `code/` folder). Don't edit values here
 * without updating that document and re-pulling.
 *
 * Brand mapping:
 *   - Page display titles use Vertex Orange (--accent)
 *   - Section / heading-2 / primary actions use Vertex Blue (--primary)
 *   - Inline emphasis / info uses Vertex Cyan (--info)
 *
 * Field-color convention (non-negotiable, preserved from V1 prototype):
 *   - Yellow (--input-bg) = user-editable
 *   - Pink (--calc-bg)    = system-calculated read-only
 */

:root {
  /* Vertex brand palette */
  --vertex-orange: #ed9f21;
  --vertex-blue: #004d95;
  --vertex-cyan: #2faae1;
  --vertex-grey: #58595b;
  --vertex-white: #ffffff;

  /* Vertex chart palette (charts, division badges) */
  --chart-yellow: #ffcd03;
  --chart-red: #f47b3d;
  --chart-violet: #8560a8;
  --chart-indigo: #5265a5;

  /* Semantic palette */
  --primary: #004d95;
  --primary-light: #d6e4f2;
  --accent: #ed9f21;
  --accent-light: #fceac9;
  --info: #2faae1;
  --info-light: #d5eefa;
  --success: #0f7b5c;
  --success-light: #d4eee4;
  --warning: #b4830b;
  --warning-light: #fff4c2;
  --danger: #b55028;
  --danger-light: #fcdcce;

  /* Text */
  --text: #0f172a;
  --text-muted: #58595b;
  --text-light: #94a3b8;
  --text-inverse: #ffffff;

  /* Borders + surfaces */
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --surface: #ffffff;
  --surface-alt: #f1f5f9;
  --bg: #f8fafc;

  /* Editable / calculated field convention (preserved from V1) */
  --input-bg: #fffbeb;
  --input-border: #fbd38d;
  --calc-bg: #fdf2f8;
  --calc-border: #f9a8d4;

  /* Typography — Tier 2 (Google fonts) is the safe default until Vertex
     Adobe Fonts license is confirmed (Pending decision D5). */
  --font-heading: "Chakra Petch", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Nunito Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* Border radii */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.08);
}