/* CourtReady Command™ — color tokens (dark-only UI, iOS-inspired)
   Values estimated from product screenshots (no source CSS provided). */
:root {
  /* ---- Surfaces: a 6-step near-neutral dark stack ---- */
  --black: #000000;
  --bg-app: #0a0a0b;      /* main content canvas */
  --bg-raised: #101012;   /* sidebar, top bar */
  --bg-panel: #131316;    /* hero panels, large section containers */
  --bg-card: #17171a;     /* standard card */
  --bg-inset: #1d1d21;    /* inputs, wells, secondary buttons */
  --bg-hover: #232328;    /* hover fill on inset/ghost surfaces */

  /* ---- Borders (always white-alpha, never opaque gray) ---- */
  --border-faint: rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.16);

  /* ---- Text ---- */
  --text-primary: #f5f5f7;
  --text-secondary: #a1a1a6;
  --text-tertiary: #77777d;
  --text-disabled: #515157;
  --text-on-accent: #ffffff;

  /* ---- Brand mark color (from logo files) ---- */
  --brand-navy: #010206; /* CRNavy background from "White on CRNavy" logo file */

  /* ---- Accent: iOS system blue ---- */
  --accent-blue: #0a84ff;
  --accent-blue-hover: #2b95ff;
  --accent-blue-pressed: #0774e4;
  --accent-blue-tint: rgba(10, 132, 255, 0.12);
  --accent-blue-border: rgba(10, 132, 255, 0.45);

  /* ---- Semantic colors (iOS dark palette) ---- */
  --green: #30d158;
  --green-tint: rgba(48, 209, 88, 0.12);
  --red: #ff453a;
  --red-tint: rgba(255, 69, 58, 0.12);
  --orange: #ff9f0a;
  --orange-tint: rgba(255, 159, 10, 0.1);
  --purple: #bf5af2;
  --purple-tint: rgba(191, 90, 242, 0.14);
  --teal: #40c8e0;

  /* ---- Semantic aliases ---- */
  --surface-app: var(--bg-app);
  --surface-raised: var(--bg-raised);
  --surface-panel: var(--bg-panel);
  --surface-card: var(--bg-card);
  --surface-inset: var(--bg-inset);
  --state-success: var(--green);
  --state-danger: var(--red);
  --state-warning: var(--orange);
  --state-info: var(--accent-blue);
}