:root {
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --font-xs: 12px;
  --font-sm: 14px;
  --font-md: 16px;
  --font-lg: 20px;
  --font-xl: 28px;
  --font-xxl: 40px;

  --transition-fast: 120ms ease;
  --transition-normal: 220ms ease;
}

/* Azul competitivo puxado para ciano */
body[data-theme="sport-cyan-balanced"] {
  --color-bg-main: #052052;
  --color-bg-surface: #09306c;
  --color-bg-elevated: #0c3f87;

  --color-primary: #1f8fff;
  --color-primary-hover: #3ea0ff;
  --color-primary-soft: #1f8fff33;

  --color-success: #1f9d5a;
  --color-danger: #cf4a56;
  --color-warning: #e7bf4d;

  --color-text-main: #f1f6ff;
  --color-text-muted: #bdd0ed;
  --color-text-inverse: #0f1f2e;

  --color-card-bg: #ffffff;
  --color-card-text: #1a1a1a;

  --color-border-soft: #2d5599;
  --color-border-strong: #3e6ebc;

  --color-team-a: #2b98ff;
  --color-team-b: #68b7ff;

  --color-overlay: rgba(0, 0, 0, 0.45);
}

/* Verde mesa de cartas */
body[data-theme="sport-green-felt"] {
  --color-bg-main: #0a3a2a;
  --color-bg-surface: #0f5138;
  --color-bg-elevated: #146647;

  --color-primary: #1f7cff;
  --color-primary-hover: #3f91ff;
  --color-primary-soft: #1f7cff33;

  --color-success: #1cae63;
  --color-danger: #d35555;
  --color-warning: #dfc157;

  --color-text-main: #effbf4;
  --color-text-muted: #b6dbc7;
  --color-text-inverse: #0f1f2e;

  --color-card-bg: #ffffff;
  --color-card-text: #1a1a1a;

  --color-border-soft: #2f765a;
  --color-border-strong: #45916f;

  --color-team-a: #2aa7ff;
  --color-team-b: #86d8ff;

  --color-overlay: rgba(0, 0, 0, 0.45);
}

/* Bordo */
body[data-theme="sport-bordeaux"] {
  --color-bg-main: #3a1022;
  --color-bg-surface: #4b1630;
  --color-bg-elevated: #612046;

  --color-primary: #2c7fff;
  --color-primary-hover: #4a94ff;
  --color-primary-soft: #2c7fff33;

  --color-success: #1fa96a;
  --color-danger: #db5a64;
  --color-warning: #e2be54;

  --color-text-main: #fdf2f8;
  --color-text-muted: #dfbdd1;
  --color-text-inverse: #0f1f2e;

  --color-card-bg: #ffffff;
  --color-card-text: #1a1a1a;

  --color-border-soft: #7c3a59;
  --color-border-strong: #9a5075;

  --color-team-a: #55a0ff;
  --color-team-b: #9ec8ff;

  --color-overlay: rgba(0, 0, 0, 0.5);
}

/* Backward compatibility alias */
body[data-theme="sport-blue"] {
  --color-bg-main: #052052;
  --color-bg-surface: #09306c;
  --color-bg-elevated: #0c3f87;

  --color-primary: #1f8fff;
  --color-primary-hover: #3ea0ff;
  --color-primary-soft: #1f8fff33;

  --color-success: #1f9d5a;
  --color-danger: #cf4a56;
  --color-warning: #e7bf4d;

  --color-text-main: #f1f6ff;
  --color-text-muted: #bdd0ed;
  --color-text-inverse: #0f1f2e;

  --color-card-bg: #ffffff;
  --color-card-text: #1a1a1a;

  --color-border-soft: #2d5599;
  --color-border-strong: #3e6ebc;

  --color-team-a: #2b98ff;
  --color-team-b: #68b7ff;

  --color-overlay: rgba(0, 0, 0, 0.45);
}