:root {
    /* Primary Colors */
    --primary-color: #7c4dff; /* A rich, vibrant purple (same as night mode for consistency) */
    --primary-dark: #5e35b1; /* A deeper shade of purple */
    --secondary-color: #ff6f61; /* A luxurious coral color (same as night mode for consistency) */
  --header-color: #7c4dff; /* Dark gray for headers */

    /* Text and Background Colors */
  --text-color: #132038; /* Dark gray for text */
  --light-text: #5b6677; /* Medium gray for secondary text */
  --background-color: #eef2f7; /* Light background for contrast */

    /* Accent and Utility Colors */
  --border-color: rgba(194, 203, 216, 0.6); /* Light border color */
  --shadow-color: rgba(45, 55, 72, 0.12); /* Subtle shadow for depth */
    --success-color: #4caf50; /* Modern green for success states */
    --error-color: #ff5252; /* Vibrant red for errors */

    /* Additional Colors */
    --accent-color: #ffab40; /* A warm, luxurious orange for accents */
    --highlight-color: #00e5ff; /* A vibrant cyan for highlights */

    /* Mode-aware helpers */
    --mode-text-color: var(--glass-panel-text);
    --mode-bar-color: var(--glass-panel-bg-strong);

    /* Contrast helpers */
    --text-on-primary: #ffffff;
    --text-on-secondary: #ffffff;
    --text-on-success: #ffffff;

    /* Border Radius */
    --radius: 8px; /* Rounded corners for a modern look */

    /* Input Fields */
  --input-color: rgba(255, 255, 255, 0.55); /* Glass input background */

  /* Glass surface system */
  --glass-panel-bg: rgba(255, 255, 255, 0.68);
  --glass-panel-bg-strong: rgba(255, 255, 255, 0.82);
  --glass-panel-border: rgba(148, 163, 184, 0.35);
  --glass-panel-border-strong: rgba(120, 134, 158, 0.45);
  --glass-panel-shadow: 0 18px 32px rgba(15, 23, 42, 0.12);
  --glass-panel-shadow-strong: 0 24px 52px rgba(15, 23, 42, 0.18);
  --glass-panel-text: #132038;
  --glass-panel-hover: rgba(255, 255, 255, 0.42);
  --glass-panel-blur: 18px;
  --glass-panel-muted: rgba(19, 32, 56, 0.58);

  /* Table tokens */
  --table-header-bg: rgba(124, 77, 255, 0.16);
  --table-row-alt-bg: rgba(124, 77, 255, 0.06);
  --table-row-hover-bg: rgba(124, 77, 255, 0.12);
  --table-border-color: var(--glass-panel-border);

  /* Mapped legacy tokens */
  --card-background: var(--glass-panel-bg-strong);
  --card-bg: var(--glass-panel-bg-strong);
  --body-bg: #f5f7fc;
  --hover-bg: rgba(79, 70, 229, 0.06);
  --box-shadow: var(--glass-panel-shadow);

    
    /* Random colors for athlete profile - will be set via JS */
    --color-1: #ff5252;
    --color-2: #ffeb3b;
    --color-3: #2196f3;
    --color-4: #4caf50;
    --color-5: #9c27b0;
    --color-6: #ff9800;
  }

  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  }
  
  body {
    background-color: var(--background-color);
    min-height: 100vh;
    color: var(--text-color);
    line-height: 1.6;
  }

  :root {
  --icon-filter: brightness(0); /* schwarz */
}