:root {
  /* Brand — verify exact hex values with LCS style guide */
  --color-primary:        #1B4F8A;
  --color-primary-dark:   #0F2E52;
  --color-primary-light:  #2A6BC4;
  --color-white:           #FFFFFF;
  --color-white-light:     rgba(255,255,255,0.75);

  /* Surface */
  --color-bg:             #F4F6F9;
  --color-surface:        #FFFFFF;
  --color-border:         #D1D9E0;
  --color-border-light:   #E8ECF0;

  /* Text */
  --color-text-primary:   #1A2332;
  --color-text-secondary: #5A6B7E;
  --color-text-inverse:   #FFFFFF;
  --color-text-muted:     #8A9BAE;

  /* Status badges */
  --color-win:            #1A6B3A;
  --color-win-bg:         #E8F5EE;
  --color-loss:           #8B1A1A;
  --color-loss-bg:        #F5E8E8;
  --color-tie:            #4A5568;
  --color-tie-bg:         #EEF2F7;
  --color-cancelled:      #7A5200;
  --color-cancelled-bg:   #FFF3CD;
  --color-postponed:      #5A3A8A;
  --color-postponed-bg:   #F0EBF8;
  --color-scheduled:      #1B4F8A;
  --color-scheduled-bg:   #E8EFF8;

  /* Place badge */
  --color-place:          #6B4A00;
  --color-place-bg:       #FEF3C7;

  /* Typography */
  --font-body: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semi:   600;
  --weight-bold:   700;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Radius */
  --radius-sm: 3px;
  --radius:    6px;
  --radius-lg: 10px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow:    0 2px 8px rgba(0,0,0,0.10);
  --shadow-lg: 0 4px 20px rgba(0,0,0,0.15);

  /* Layout */
  --container-max: 1400px;
  --header-height: 64px;
}