/*
 * Mojo Crew Prototype — Shared Design Tokens
 *
 * Consolidated from the /design-reference/ mockups (login.html,
 * mojo-q84-report-v5.html, comparison-report-v2.html, the three 90-day-plan
 * mockups). These six files agree on one palette (bg #07090F / teal #00D4C8
 * family) and are the newer iterations (22-24 Jul).
 *
 * KNOWN DRIFT: mojo-crew-dashboard-v5.html (17 Jul, older) uses a divergent
 * palette (--bg:#0A0D18, --teal:#00E5D6, --text-1:#F5F7FC, --text-3:#5D6688)
 * and its own extra background radial-gradient/grid treatment. It was NOT
 * used as the source of truth here because it's the outlier against the
 * other five, more recent, mutually-consistent mockups. Task 03 (dashboard
 * shell) must reconcile the dashboard mockup against these tokens rather
 * than re-deriving its own copy — see PROGRESS.md Task 00 entry.
 *
 * REBRANDED (Chiefli, 20 Aug): full palette swap from the all-dark theme
 * above to a light canvas (white cards on a light-gray page background)
 * with a persistent dark-navy primary nav, using colours from the Chiefli
 * brand guide. Spec source: design-reference/dashboard-chiefli-light-preview.html
 * and design-reference/q84-report-chiefli-light-preview.html (approved
 * mockups, see tasks-chiefli-rebrand/MASTER.md). New "-text" variants exist
 * on brand/status colours because the bare swatches don't meet contrast on
 * a light background — use "-text" for text sitting on the light canvas,
 * the bare colour for fills/icons/borders/charts. This file is now the sole
 * canonical token source: design-reference/tokens.css is a symlink to this
 * file, not a second copy (see ARCHITECTURE.md §5). The Chiefli name/logo
 * rebrand (24 Aug) followed later, on top of these colours/type/chrome —
 * see public/img/chiefness-icon.png and public/img/chiefness-logo.png (Chiefness rebrand, 2026-10-27).
 *
 * REBRANDED again (Chiefness, 2026-10-22): Graphite Premium palette from
 * 02 Marketing/Branding/chiefness-brand (Graphite #1F2937, Slate #4B5563,
 * Silver #9CA3AF, Aqua Accent #00C2FF). The --teal* / --blue* names are kept so
 * existing call sites pick up the new aqua without renaming; status colours
 * (red, amber, green) are unchanged.
 *
 * All modules import/reference this file. Do not re-derive these values
 * per module (ARCHITECTURE.md §5).
 */

:root {
  /* Page canvas & card surfaces (light) */
  --bg: #F4F7FA;
  --surface: #FFFFFF;
  --surface-2: #FBFCFD;
  --surface-3: #EEF2F5;
  --bg-input: #F5F7F9;
  --border: rgba(8, 16, 42, 0.07);
  --border-s: rgba(8, 16, 42, 0.06);
  --border-m: rgba(8, 16, 42, 0.11);

  /* Text (light canvas) */
  --text-1: #111827;
  --text-2: #4B5563;
  --text-3: #6B7280;
  --heading: #4B5563;

  /* Persistent dark chrome (sidebar / header bar — NOT the page canvas) */
  --nav-bg: #1F2937;
  --nav-active-bg: rgba(0, 194, 255, 0.14);
  --nav-text: #C3C9D1;
  --nav-text-active: #FFFFFF;
  --nav-icon-active: #00C2FF;
  --nav-border: rgba(255, 255, 255, 0.06);

  /* Chiefli brand guide's "Blue Navy" — secondary dark tone (charts/panels/
     depth per the guide), distinct from --nav-bg's chrome-only role. Added
     for canonical-palette completeness (Task 01 audit); no current call site
     needs it yet — see PROGRESS.md. */
  --blue-navy: #1F2937;

  /* Brand accent (Chiefli swatches) — for fills/icons/borders/charts.
     Do NOT use these bare for text on the light canvas; contrast-checked
     "-text" variants exist below for exactly that purpose. */
  --teal: #00C2FF;
  --teal-2: #006D99;
  --teal-text: #006D99;
  --teal-dim: rgba(0, 194, 255, 0.10);
  --teal-border: rgba(0, 194, 255, 0.40);

  --green: #7CCB5E;
  --green-text: #2F9E52;
  --green-dim: rgba(124, 203, 94, 0.14);
  --green-border: rgba(124, 203, 94, 0.4);

  --blue: #0090C8;
  --blue-text: #006D99;
  --blue-dim: rgba(0, 194, 255, 0.12);
  --blue-border: rgba(0, 194, 255, 0.40);

  /* Status / category colours — not in the Chiefli guide, kept from the
     previous palette since they're functional (error/warning/etc.), not
     brand. Still get "-text" variants for the same contrast reason. */
  --red: #F06B6B;
  --red-text: #C0392B;
  --red-dim: rgba(240, 107, 107, 0.12);
  --red-border: rgba(240, 107, 107, 0.35);

  --orange: #FF7A5C;
  --orange-text: #C2410C;
  --orange-dim: rgba(255, 122, 92, 0.13);
  --orange-border: rgba(255, 122, 92, 0.35);

  --yellow: #E8A020;
  --yellow-text: #8A5C08;
  --yellow-dim: rgba(232, 160, 32, 0.16);
  --yellow-border: rgba(232, 160, 32, 0.4);

  --purple: #9B7FFF;
  --purple-text: #6D4FD1;
  --purple-dim: rgba(155, 127, 255, 0.12);
  --purple-border: rgba(155, 127, 255, 0.35);

  --pink: #F472B6;
  --pink-text: #C13584;
  --pink-dim: rgba(244, 114, 182, 0.12);
  --pink-border: rgba(244, 114, 182, 0.35);

  /* Chiefness Graphite Premium (2026-10-22): buttons are Graphite with white text
     on the light canvas; Aqua Accent (#00C2FF) is the one accent, with #006D99 for
     aqua text and links on white (brand guide contrast table). */
  --graphite: #1F2937;
  --slate: #4B5563;
  --silver: #9CA3AF;
  --aqua: #00C2FF;
  --brand-action: #1F2937;
  --brand-action-hover: #374151;

  /* Comparison-report specific (you vs. team average) */
  --you: var(--purple);
  --you-dim: var(--purple-dim);
  --you-border: var(--purple-border);
  --avg: var(--teal);
  --avg-dim: var(--teal-dim);
  --avg-border: var(--teal-border);

  /* Elevation — soft light-mode shadows, not the old dark glow/inset stack */
  --shadow-s: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 12px rgba(16, 24, 40, 0.06);
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 6px 16px rgba(16, 24, 40, 0.06);
  --shadow: 0 8px 40px rgba(16, 24, 40, 0.10);

  /* Radius (unchanged) */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 14px;

  /* Type (unchanged from the previous rebrand — Poppins throughout) */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/*
 * Google Fonts import (Chiefli brand guide: Poppins, SemiBold/Medium/Regular):
 * https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap
 */