/*
============================================================
JOINT COMPASS CANONICAL SIX-BRANCH THEME SYSTEM
============================================================

PURPOSE

This file owns ONLY canonical visual tokens.

It does NOT own:
- layout
- component geometry
- search-bar geometry
- buttons
- cards
- grids
- study behavior
- disabled states
- hover geometry
- readiness layout
- drawer structure

Component ownership remains:

Study workspace:
  branch-base.css
  app.css
  jc-branch-workspace-shell.css

Dedicated pages:
  jc-pages.css

This file is deliberately loaded last so that the same canonical
branch tokens reach every existing component system without creating
another competing component stylesheet.
============================================================
*/


/* ============================================================
   DEFAULT / NO BRANCH
   ============================================================ */

:root {
  --jc-canvas: #050709;
  --jc-surface-1: #0d1013;
  --jc-surface-2: #12161b;

  --jc-accent: #d0d4d8;
  --jc-accent-text: #07090b;

  --jc-border: rgba(255,255,255,.18);
  --jc-border-strong: rgba(255,255,255,.32);

  --jc-text: #f5f7f8;
  --jc-muted: rgba(245,247,248,.68);
}


/* ============================================================
   AIR FORCE
   ============================================================ */

body[data-branch="airforce"] {
  --jc-canvas: #061127;
  --jc-surface-1: #0A1E3F;
  --jc-surface-2: #122A50;

  --jc-accent: #A7A9AC;
  --jc-accent-text: #05070A;

  --jc-border: rgba(167,169,172,.34);
  --jc-border-strong: rgba(167,169,172,.64);

  --jc-text: #F7F8FA;
  --jc-muted: rgba(247,248,250,.70);
}


/* ============================================================
   ARMY
   ============================================================ */

body[data-branch="army"] {
  --jc-canvas: #161A16;
  --jc-surface-1: #222820;
  --jc-surface-2: #2D342B;

  --jc-accent: #FFCC01;
  --jc-accent-text: #10110E;

  --jc-border: rgba(255,204,1,.30);
  --jc-border-strong: rgba(255,204,1,.58);

  --jc-text: #F5F6F3;
  --jc-muted: rgba(245,246,243,.70);
}


/* ============================================================
   COAST GUARD
   ============================================================ */

body[data-branch="coastguard"] {
  --jc-canvas: #061827;
  --jc-surface-1: #0B2E4F;
  --jc-surface-2: #103B60;

  --jc-accent: #E31837;
  --jc-accent-text: #FFFFFF;

  --jc-border: rgba(227,24,55,.34);
  --jc-border-strong: rgba(227,24,55,.66);

  --jc-text: #F7F9FA;
  --jc-muted: rgba(247,249,250,.70);
}


/* ============================================================
   MARINE CORPS
   ============================================================ */

body[data-branch="marines"] {
  /*
  Canonical Marine red remains a brand color, but the application
  canvas uses restrained crimson surfaces instead of full #CC0000.
  */

  --jc-canvas: #190505;
  --jc-surface-1: #240707;
  --jc-surface-2: #310A0A;

  --jc-accent: #CC9900;
  --jc-accent-text: #080604;

  --jc-border: rgba(204,153,0,.34);
  --jc-border-strong: rgba(204,153,0,.65);

  --jc-text: #FAF7F3;
  --jc-muted: rgba(250,247,243,.70);
}


/* ============================================================
   NAVY
   ============================================================ */

body[data-branch="navy"] {
  --jc-canvas: #03101B;
  --jc-surface-1: #0B1B2A;
  --jc-surface-2: #132033;

  --jc-accent: #CFAE4F;
  --jc-accent-text: #07101A;

  --jc-border: rgba(207,174,79,.34);
  --jc-border-strong: rgba(207,174,79,.62);

  --jc-text: #F6F8FA;
  --jc-muted: rgba(246,248,250,.70);
}


/* ============================================================
   SPACE FORCE
   ============================================================ */

body[data-branch="spaceforce"] {
  --jc-canvas: #08111F;
  --jc-surface-1: #14284A;
  --jc-surface-2: #1B3155;

  --jc-accent: #E6E9EE;
  --jc-accent-text: #07101A;

  --jc-border: rgba(230,233,238,.30);
  --jc-border-strong: rgba(230,233,238,.58);

  --jc-text: #F7F9FB;
  --jc-muted: rgba(230,233,238,.72);
}


/* ============================================================
   EXISTING STUDY SYSTEM ADAPTER
   ============================================================ */

body[data-branch] {
  --branch-bg: var(--jc-canvas);
  --branch-bg-soft: var(--jc-surface-1);
  --branch-surface-1: var(--jc-surface-1);
  --branch-surface-2: var(--jc-surface-2);

  --branch-border: var(--jc-border);
  --branch-border-soft: var(--jc-border);

  --branch-text-soft: var(--jc-text);
  --branch-muted: var(--jc-muted);

  --branch-accent: var(--jc-accent);
  --branch-accent-contrast: var(--jc-accent-text);
}


/* ============================================================
   EXISTING DEDICATED PAGE SYSTEM ADAPTER
   ============================================================ */

body[data-branch] {
  --jc-bg: var(--jc-canvas);
  --jc-panel: var(--jc-surface-1);
  --jc-panel-2: var(--jc-surface-2);
}


/* ============================================================
   EXISTING WORKSPACE SHELL ADAPTER
   ============================================================ */

body[data-branch] {
  --jc-workspace-bg: var(--jc-canvas);
  --jc-workspace-panel: var(--jc-surface-1);
  --jc-workspace-accent: var(--jc-accent);
  --jc-workspace-border: var(--jc-border);
  --jc-workspace-text: var(--jc-text);
  --jc-workspace-muted: var(--jc-muted);
}