/* UTGSU — Color tokens
   Source of truth: UTGSU Style Guide 2024 (logo colors) + confirmed usage
   across shipped UTGSU tools (Governance Monitor, Motion Portal). */

:root {
  /* ---- Brand base colors (from official style guide) ---- */
  --gsu-navy: #003A5D;      /* PANTONE 302 C — primary brand color, headers, wordmark */
  --gsu-cyan: #52B9E9;      /* PANTONE 2915 CP — logo ring, lightest brand blue */
  --gsu-teal: #00B5D1;      /* PANTONE 3125 CP — logo ring, secondary blue */
  --gsu-red: #EE3224;       /* PANTONE 485 C — accent, CTAs, "new/live" signal */

  /* ---- Neutrals (extracted from shipped product surfaces) ---- */
  --gsu-white: #FFFFFF;
  --gsu-bg: #EEF2F5;         /* app canvas background */
  --gsu-surface: #FFFFFF;    /* card surfaces */
  --gsu-border: #D9E1E7;     /* card / input borders */
  --gsu-border-subtle: #E6EDF2;
  --gsu-ink: #1F2D36;        /* body text on light */
  --gsu-ink-2: #33444D;      /* secondary body text */
  --gsu-ink-muted: #5A6B75;  /* captions, meta text */
  --gsu-ink-faint: #7E8D96;  /* labels, disabled */
  --gsu-ink-quiet: #9AABB4;  /* timestamps, footers */

  /* ---- Semantic aliases ---- */
  --color-primary: var(--gsu-navy);
  --color-primary-ink: var(--gsu-white);
  --color-accent: var(--gsu-red);
  --color-accent-ink: var(--gsu-white);
  --color-info: var(--gsu-cyan);
  --color-secondary-brand: var(--gsu-teal);

  --surface-page: var(--gsu-bg);
  --surface-card: var(--gsu-surface);
  --surface-header: var(--gsu-navy);
  --surface-overlay: rgba(9, 30, 46, 0.55);

  --border-default: var(--gsu-border);
  --border-subtle: var(--gsu-border-subtle);

  --text-body: var(--gsu-ink);
  --text-body-2: var(--gsu-ink-2);
  --text-muted: var(--gsu-ink-muted);
  --text-faint: var(--gsu-ink-faint);
  --text-quiet: var(--gsu-ink-quiet);
  --text-on-primary: var(--gsu-white);
  --text-on-accent: var(--gsu-white);
  --text-link: var(--gsu-navy);
  --text-link-hover: var(--gsu-red);

  /* ---- Status colors (observed pattern: green success/new, red alert) ---- */
  --status-new-bg: #D6F2E4;
  --status-new-ink: #1F7A52;
  --status-new-dot: #46D39A;
  --status-quiet-bg: #EEF2F5;
  --status-quiet-ink: #7E8D96;
  --status-alert-bg: #FBE9E6;
  --status-alert-border: #F3CFC8;
  --status-alert-ink: #B3271A;
}