:root {
  /* Texas A&M Brand Colors */
  --tamu-maroon: #500000;
  --tamu-maroon-dark: #3b0000;
  --tamu-maroon-deep: #2e0000;
  --tamu-maroon-light: #6a0d1e;
  --tamu-maroon-soft: #f7eaec;
  --tamu-maroon-tint: rgba(80, 0, 0, 0.08);

  /* JACAM Catalyst Brand Colors */
  --jacam-dark: #181f3d;
  --jacam-navy: #252E56; /* Official JACAM Blue */
  --jacam-navy-light: #323d6d;
  --jacam-slate: #3b487d;
  --jacam-cyan: #0098d4;
  --jacam-cyan-glow: rgba(0, 152, 212, 0.18);
  --jacam-blue-accent: #2e7bb8;

  /* Energy & Phase Behavior Accents (Thermodynamic Bronze / Hydrocarbon Gold) */
  --accent-copper: #d97724;
  --accent-copper-hover: #bf6214;
  --accent-gold: #c99738;
  --accent-gold-soft: #fcf6e8;
  --accent-amber: #e65100;
  
  /* Status Colors */
  --status-success: #1b873f;
  --status-success-bg: #eaf6ed;
  --status-warning: #c27d00;
  --status-warning-bg: #fff8e6;
  --status-danger: #c5221f;
  --status-danger-bg: #fdeeed;
  --status-info: #0277bd;
  --status-info-bg: #e6f4fa;

  /* Neutrals & Surfaces */
  --bg-main: #f8fafc;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-subtle: #f1f5f9;
  --bg-dark-section: #09131d;
  --bg-dark-card: #122133;
  --bg-dark-border: rgba(255, 255, 255, 0.12);

  /* Text Colors */
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --text-light: #94a3b8;
  --text-inverse: #ffffff;
  --text-inverse-muted: #cbd5e1;

  /* Borders & Dividers */
  --border-light: #e2e8f0;
  --border-medium: #cbd5e1;
  --border-focus: #500000;
  --border-accent: rgba(217, 119, 36, 0.35);

  /* Elevation Shadows */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.16);
  --shadow-glow-maroon: 0 4px 20px rgba(80, 0, 0, 0.25);
  --shadow-glow-cyan: 0 4px 20px rgba(0, 152, 212, 0.25);

  /* Typography Tokens */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-heading: 'Space Grotesk', var(--font-sans);
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, Menlo, monospace;

  /* Radii - Crisp, Modern Architectural System (2px - 4px) */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --radius-xl: 4px;
  --radius-full: 4px;

  /* Layout Spacing & Breakpoints */
  --container-max: 1280px;
  --header-height: 76px;
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 350ms cubic-bezier(0.16, 1, 0.3, 1);
}