/* Ops Appr[AI]ser — design tokens
   Copy into the project and reference the variables; don't hardcode hex values. */

:root {
  /* Brand */
  --oa-navy-ink:    #0D1B2A;
  --oa-panel:       #0A1622;
  --oa-teal:        #0B8AAE;
  --oa-teal-hover:  #097693;
  --oa-sky-teal:    #6FCBE0;
  --oa-slate:       #7C93A8;
  --oa-slate-light: #B7C6D4;
  --oa-hairline:    #22384A;
  --oa-white:       #FFFFFF;

  /* Data & status — charts, scores and verdict tags only */
  --oa-go:          #34C79A;
  --oa-attention:   #F59E0B;
  --oa-no-go:       #EF6461;
  --oa-insight:     #9FD9E8;

  /* Light-surface neutrals */
  --oa-surface-light: #F5F8FA;
  --oa-border-light:  #DDE5EB;
  --oa-muted-light:   #5A7183;

  /* Semantic — dark theme (product UI, decks) */
  --oa-bg:          var(--oa-navy-ink);
  --oa-surface:     var(--oa-panel);
  --oa-border:      var(--oa-hairline);
  --oa-text:        var(--oa-slate-light);
  --oa-text-strong: var(--oa-white);
  --oa-text-muted:  var(--oa-slate);
  --oa-accent:      var(--oa-teal);
  --oa-accent-soft: var(--oa-sky-teal);

  /* Type */
  /* Barlow Semi Condensed (SIL OFL) is the web brand face for every visitor.
     Bahnschrift — what the logo wordmark is drawn in — is deliberately NOT in this
     stack: it is Windows-only and its licence does not permit webfont serving. */
  --oa-font-sans: "Barlow Semi Condensed", "Segoe UI", -apple-system, Roboto, sans-serif;
  /* Georgian has no Barlow coverage — pair it, don't substitute it. */
  --oa-font-ka: "Noto Sans Georgian", "BPG Arial", sans-serif;
  --oa-font-mono: "JetBrains Mono", "Consolas", "Courier New", monospace;
  --oa-font-office: "Bahnschrift", Calibri, sans-serif;  /* Office files only; Calibri alone if the file leaves Windows */

  --oa-weight-display: 300;  /* Light — display sizes only */
  --oa-weight-body:    400;
  --oa-weight-strong:  600;

  --oa-size-display: 60px;
  --oa-size-h1:      40px;
  --oa-size-h2:      30px;
  --oa-size-h3:      20px;
  --oa-size-body:    16px;
  --oa-size-small:   13px;
  --oa-size-kicker:  11px;
  --oa-tracking-kicker: 0.14em;

  /* Shape & motion */
  --oa-radius-sm:  6px;
  --oa-radius-md:  8px;
  --oa-radius-lg: 12px;
  --oa-transition: 160ms ease-out;

  /* Spacing */
  --oa-space-1: 4px;  --oa-space-2: 8px;  --oa-space-3: 12px;
  --oa-space-4: 16px; --oa-space-5: 24px; --oa-space-6: 32px;
  --oa-space-7: 48px; --oa-space-8: 64px; --oa-space-9: 96px;
}

/* Light theme — marketing pages, docs, reports */
[data-theme="light"] {
  --oa-bg:          var(--oa-white);
  --oa-surface:     var(--oa-surface-light);
  --oa-border:      var(--oa-border-light);
  --oa-text:        var(--oa-navy-ink);
  --oa-text-strong: var(--oa-navy-ink);
  --oa-text-muted:  var(--oa-muted-light);
  --oa-accent-soft: var(--oa-teal); /* Sky Teal is too pale on white */
}

/* Signature typographic move: kicker above a sentence-case title */
.oa-kicker {
  font: 600 var(--oa-size-kicker)/1.2 var(--oa-font-sans);
  letter-spacing: var(--oa-tracking-kicker);
  text-transform: uppercase;
  color: var(--oa-accent-soft);
}

/* Numerals in tables, scores and dashboards */
.oa-numeric { font-variant-numeric: tabular-nums; }

/* Marks an AI-extracted / AI-proposed value, as opposed to a deterministic one */
.oa-ai-value { color: var(--oa-accent-soft); }

/* Bahnschrift Light is the display weight; it carries the wordmark's character
   at large sizes and gets fragile below ~30px, so it is scoped deliberately. */
.oa-display, h1 { font-weight: var(--oa-weight-display); letter-spacing: -0.01em; }