:root {
  /* Colors */
  --color-bg:               #0d1117;
  --color-surface:          #161b22;
  --color-surface-elevated: #21262d;
  --color-border:           #30363d;
  --color-text-primary:     #E8E8E8;
  --color-text-secondary:   #B0B0B0;
  --color-text-tertiary:    #787878;
  --color-text-disabled:    #505050;
  --text-on-light-primary:   #1A1A1A;
  --text-on-light-secondary: #3A3A3A;
  --text-on-light-tertiary:  #5A5A5A;
  --color-accent-cyan:      #58a6ff;
  --color-accent-amber:     #d29922;
  --color-accent-green:     #3fb950;
  --color-accent-red:       #f85149;
  --color-accent-purple:    #bc8cff;
  --color-burnout:          #f85149;
  --color-xp:               #3fb950;

  /* Typography */
  --font-mono:      'Courier New', Courier, monospace;
  --font-sans:      -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-base: 16px;
  --font-size-sm:   13px;
  --font-size-lg:   20px;
  --font-size-xl:   28px;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 48px;

  /* Borders */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Accessibility & touch */
  --touch-target-min:        44px;
  --touch-target:            44px;
  --focus-ring:              2px solid var(--color-accent-cyan);
  --focus-ring-offset:       2px;

  /* Mobile layout */
  --hud-height-mobile:        100px;
  --container-padding-mobile: 12px;

  /* Flexera One (flexera_cert.js) */
  --flexera-orange:    #E8622A;
  --flexera-orange-lt: #F07840;
  --flexera-navy:      #1A1A2E;
  --flexera-dark:      #1D1D1D;
  --flexera-gray:      #F5F5F5;
  --flexera-mid-gray:   #6B6B6B;
  --flexera-border:    #E0E0E0;
  --flexera-white:     #FFFFFF;
  --flexera-green:     #2E7D32;
  --flexera-red:       #C62828;
}