/* Data for Thought — shared design tokens (v0.1)
   One source of truth for brand, semantic, and pillar theming across the
   ecosystem (shell pages + dashboards as they migrate). Identity colors may
   vary by pillar/competition; meaning colors may not (see --evidence-*,
   --movement-*, --forecast-*). */

:root {
  /* Brand foundation (approved palette) */
  --brand-teal: #10403C;
  --brand-teal-light: #116058;
  --brand-sand: #E0A03C;
  --brand-sand-light: #EDB65C;
  --brand-paper: #EFF1EA;
  --brand-ink: #1B2420;

  /* Neutral interface grays (derived from paper/ink) */
  --text-primary: var(--brand-ink);
  --text-secondary: #56605B;
  --text-faint: #7C857F;
  --border-subtle: #D6DAD1;
  --border-strong: #B9BFB4;

  /* Surfaces */
  --page-background: var(--brand-paper);
  --surface-primary: #FFFFFF;
  --surface-secondary: #F7F8F3;

  /* Pillar accent defaults to the house sand; pages override via
     body[data-pillar] below. */
  --pillar-accent: var(--brand-sand);
  --pillar-accent-ink: #8A6A0A; /* AA-safe text version of the accent */
  --competition-accent: var(--pillar-accent);

  /* Semantic: evidence verdicts (Evidence Desk canon; light mode) */
  --evidence-solid: #0f7a6b;
  --evidence-mixed: #40609f;
  --evidence-overblown: #8a6a0a;
  --evidence-refuted: #b0402a;
  --status-reviewed: var(--brand-teal-light);
  --status-unreviewed: #77706a;

  /* Semantic: movement + forecast roles */
  --movement-positive: #0f7a6b;
  --movement-negative: #b0402a;
  --movement-neutral: #77706a;
  --forecast-market: #56605B;      /* neutral: market/consensus */
  --forecast-house-model: var(--brand-sand); /* the DfT signature */
  --forecast-external: #9AA3AC;    /* muted: external models */

  /* Type */
  --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-editorial: 'Newsreader', 'Iowan Old Style', Palatino, Georgia, serif;

  /* Layout scale */
  --maxw: 1100px;
  --radius: 16px;
  --radius-small: 8px;
  --shadow-card: 0 1px 2px rgba(27, 36, 32, 0.06), 0 4px 16px rgba(27, 36, 32, 0.05);
  --header-rule: 4px;
}

/* Pillar identities (20% layer). Each sets the accent + a page tint. */
/* One warm canvas everywhere; pillars appear through accents only. */
body[data-pillar="claims"] {
  --pillar-accent: #23364e;
  --pillar-accent-ink: #23364e;
}
body[data-pillar="measures"] {
  --pillar-accent: #4C6B5C;
  --pillar-accent-ink: #4C6B5C;
}
body[data-pillar="games"] {
  --pillar-accent: var(--brand-sand);
  --pillar-accent-ink: #8A6A0A;
  --page-background: var(--brand-paper);
}

/* Competition identities (10% layer) — used on the Games landing cards and
   available to dashboards as they adopt tokens. */
:root {
  --comp-nwsl: #7A3E48;    /* burgundy on warm stone */
  --comp-epl: #5B4B8A;     /* purple on cool gray */
  --comp-nfl: #2E4A6B;     /* navy on steel */
  --comp-worldcup: #4C6B5C;/* sage + navy */
}