/**
 * Global Connect Workforce - design tokens
 *
 * This file is the source of truth for brand colors on the site.
 * Official values come from client-files/brand/logos/Colors.txt
 * (Navy 071a43, Silver a2a5ac, White FFFFFF).
 *
 * Rule: page CSS uses var(--gcw-...) only. Do not paste hex in page styles.
 * To change a brand color, change the primitive here. Semantic aliases follow.
 *
 * Modes: one live mode today. Switch by changing html[data-theme="…"].
 * :root is the same as default so a missing attribute still paints correctly.
 */

:root,
html[data-theme="default"] {
  /* Official brand primitives — hex lives only here */
  --gcw-navy: #071a43;
  --gcw-silver: #a2a5ac;
  --gcw-white: #ffffff;

  /* Role aliases (same official values, named by job) */
  --gcw-color-primary: var(--gcw-navy);
  --gcw-color-accent: var(--gcw-silver);
  --gcw-color-canvas: var(--gcw-white);

  /* Semantic / usage tokens — pages should prefer these over primitives */
  --gcw-bg: var(--gcw-white);
  --gcw-bg-page: var(--gcw-bg);
  --gcw-bg-inverse: var(--gcw-navy);
  /* Silver wash + navy-card surfaces (official colors mixed, not a new grey) */
  --gcw-bg-accent: color-mix(in srgb, var(--gcw-silver) 38%, var(--gcw-white));
  --gcw-bg-on-navy: color-mix(in srgb, var(--gcw-white) 8%, var(--gcw-navy));
  --gcw-header-bg: var(--gcw-white);
  --gcw-header-text: var(--gcw-navy);
  --gcw-text: var(--gcw-navy);
  --gcw-text-on-navy: var(--gcw-white);
  --gcw-text-muted: var(--gcw-silver);
  --gcw-accent: var(--gcw-silver);
  --gcw-border: var(--gcw-silver);
  --gcw-rule: var(--gcw-silver);
  --gcw-focus: var(--gcw-navy);
  --gcw-tooltip-bg: var(--gcw-navy);
  --gcw-tooltip-text: var(--gcw-text-on-navy);
  /* Body copy on white / silver wash: navy softened toward white */
  --gcw-text-soft: color-mix(in srgb, var(--gcw-navy) 78%, var(--gcw-white));
  /* Thin card / header borders (official colors mixed, not a new grey) */
  --gcw-hairline: color-mix(in srgb, var(--gcw-navy) 10%, transparent);
  --gcw-hairline-strong: color-mix(in srgb, var(--gcw-navy) 22%, transparent);
  --gcw-hairline-on-navy: color-mix(in srgb, var(--gcw-white) 14%, transparent);
  /* Review-only, NOT a brand color. Only paints under html[data-review="on"]. */
  --gcw-review-flag: #c2410c;
  /* Card lift: navy-tinted two-layer shadow */
  --gcw-shadow-lift:
    0 1px 2px color-mix(in srgb, var(--gcw-navy) 6%, transparent),
    0 12px 32px -12px color-mix(in srgb, var(--gcw-navy) 22%, transparent);

  /* Path marks — rem, not em of the parent type (eyebrows are tiny). */
  --gcw-mark-size: 1.55rem;
  --gcw-mark-size-nav: 1.3rem;

  /*
   * Typeface is not official yet. system-ui is a stand-in so the preview
   * and early pages stay consistent. Replace this when we lock a font.
   */
  --gcw-font: system-ui, -apple-system, "Segoe UI", sans-serif;
}

/*
 * future mode — do not fill until Jordan/Josiah lock a second palette.
 *
 * html[data-theme="future"] {
 *   --gcw-bg: …;
 *   --gcw-bg-accent: …;
 *   --gcw-bg-on-navy: …;
 *   --gcw-text: …;
 *   --gcw-accent: …;
 *   --gcw-header-bg: …;
 *   --gcw-bg-inverse: …;
 *   --gcw-text-on-navy: …;
 *   --gcw-text-muted: …;
 *   --gcw-border: …;
 *   --gcw-rule: …;
 *   --gcw-focus: …;
 *   --gcw-tooltip-bg: …;
 *   --gcw-tooltip-text: …;
 * }
 */