:root {
  /* Brand Primary */
  --gm-color-primary: #ffea00;
  --gm-color-primary-hover: #ffd500;
  
  /* Neutral & Surfaces */
  --gm-color-surface-base: #ffffff;
  --gm-color-surface-dark: #212529;
  --gm-color-surface-glass: rgba(255, 255, 255, 0.9);
  
  /* Typography */
  --gm-color-text-main: #000000;
  --gm-color-text-inverse: #ffffff;
  --gm-color-text-muted: #adb5bd;
  
  /* Borders & Shadows */
  --gm-color-border: #cccccc;
  --gm-color-border-dark: #8c8c8c;
  --gm-shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.08);
  --gm-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12);
  
  /* Interaction */
  --gm-transition-base: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}