/* Direction C — design token layer.
   Source: docs/design/ui-refresh/design_handoff_team_page/tokens.css
   These variables are inert until an element opts in via the .dir-c scope.

   Fonts are self-hosted variable woff2 (latin subset) so the CSP stays tight
   and no third-party request is made on page load. */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-variable.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../fonts/jetbrains-mono-variable.woff2") format("woff2");
}

:root {
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --shadow-card: 0 1px 0 rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-card-hover: 0 1px 0 rgba(15, 23, 42, 0.05), 0 4px 16px rgba(15, 23, 42, 0.06);
  --shadow-pop: 0 12px 32px rgba(15, 23, 42, 0.10);
}

.dir-c {
  --bg: #f7f9fb;
  --bg-elev: #ffffff;
  --ink: #0c1a2b;
  --ink-2: #36475a;
  --ink-3: #6a7889;
  --ink-4: #a3aebc;
  --line: #e4ebf2;
  --line-2: #d6dfe9;

  --brand-1: #1f8fd3;
  --brand-2: #2bbf7a;
  --accent: #146fa3;
  --accent-ink: #0d527a;
  --accent-soft: #e6f1f9;

  /* Semantic status palette — six states named in
     docs/development/ui-design.md §Semantic Status Colours.
     Reach for these via the .status utility (direction-c-components.css)
     rather than inline; colours must carry meaning, not decoration. */
  --crit:    oklch(0.58 0.18 25);   /* critical / overdue   — deep red */
  --risk:    oklch(0.66 0.17 35);   /* high / at-risk       — warm red */
  --warn:    oklch(0.74 0.14 75);   /* medium / pending     — amber */
  --ok:      oklch(0.62 0.14 155);  /* low / on-track       — muted green */
  --neutral: var(--ink-3);          /* inactive / neutral   — grey */
  --info:    var(--brand-1);        /* informational        — blue */

  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}