/* ==================================================
APP UI COLORS & TOKENS — CTC Community University
--------------------------------------------------
Palette is the CTC/BitToken brand: deep navy as the primary surface/action
color, warm orange as the single accent reserved for calls-to-action and
"still needs your attention" moments (install prompt, primary CTAs). Every
component file below reads colors from these tokens only — never a literal
hex — so retheming ever happens in exactly one place.
================================================== */

:root {
  --app-white: #ffffff;
  --app-black: #0b1420;

  /* Brand navy — the primary action/surface color across the whole ecosystem */
  --app-primary: #0f3d68;
  --app-primary-100: #dbe8f2;
  --app-primary-200: #b3cee2;
  --app-primary-300: #7aa9cb;
  --app-primary-400: #4a80ac;
  --app-primary-500: #245c88;
  --app-primary-600: #0f3d68;
  --app-primary-700: #0a2c4c;
  --app-primary-800: #071f38;
  --app-primary-900: #041424;

  /* Brand orange — reserved as the one accent: CTAs, the install prompt, active nav state */
  --app-orange: #f47526;
  --app-orange-100: #fde7d5;
  --app-orange-200: #fbceac;
  --app-orange-300: #f8ac74;
  --app-orange-400: #f68f4c;
  --app-orange-500: #f47526;
  --app-orange-600: #d95e14;
  --app-orange-700: #ab480f;
  --app-orange-800: #7c340b;
  --app-orange-900: #4d2007;

  --app-secondary: #56606c;
  --app-secondary-100: #e7e9ec;
  --app-secondary-700: #3a424b;

  --app-success: #1b8a5a;
  --app-success-100: #dcf3e8;
  --app-success-700: #146643;

  --app-danger: #c23b2f;
  --app-danger-100: #fbe2df;
  --app-danger-700: #8f2b22;

  --app-warning: #b5730f;
  --app-warning-100: #f8e9d1;
  --app-warning-700: #7d4f0a;

  --app-info: #1f6f8b;
  --app-info-100: #dcedf2;
  --app-info-700: #164e63;

  /* Kept for any incidental component reuse — not part of the CCU accent system */
  --app-purple: #6d4aa8; --app-purple-100: #ede6f7; --app-purple-200: #d9c9ec; --app-purple-700: #4d3378; --app-purple-800: #3a2659;
  --app-indigo: #45499e; --app-indigo-100: #e5e5f6;
  --app-teal: #0f766e; --app-teal-100: #ccfbf1;
  --app-cyan: #0e7490; --app-cyan-100: #cffafe;
  --app-pink: #a13d63; --app-pink-100: #f6e1ea;

  --app-gray: #667079;
  --app-slate-100: #f1f3f5; --app-slate-200: #e3e7ea; --app-slate-300: #cdd3d9;
  --app-slate-400: #9aa4ac; --app-slate-500: #667079; --app-slate-600: #4c545c;
  --app-slate-700: #383e45; --app-slate-800: #24282d; --app-slate-900: #14171a;

  --app-bg: #f5f6f8;
  --app-surface: #ffffff;
  --app-text: #1a1f26;
  --app-muted: #5a636c;
  --app-border: #e1e4e8;

  --app-radius-sm: 0.4rem;
  --app-radius: 0.65rem;
  --app-radius-lg: 1rem;
  --app-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --app-shadow-md: 0 8px 20px rgba(15, 23, 42, 0.08);
  --app-shadow-lg: 0 16px 32px rgba(15, 23, 42, 0.12);

  /* Community University-specific semantic tokens */
  --ccu-verified: var(--app-success);
  --ccu-verified-bg: var(--app-success-100);
  --ccu-marketing: var(--app-warning);
  --ccu-marketing-bg: var(--app-warning-100);
  --ccu-coming-soon: var(--app-slate-500);
  --ccu-coming-soon-bg: var(--app-slate-100);
  --ccu-bottomnav-height: 60px;
  --ccu-header-height: 56px;
}