/* tokens.css — design tokens (merkkleuren, maten) voor US Open.
   Gedeelde css/tennis/*.css leest alleen var(--token) hiervandaan; dit
   bestand laadt als eerste (zie php/tennis/header.php). Letterlijk de :root-
   blokken die vóór de tennis-centralisatie bovenaan <module>/css/base.css stonden. */

:root {
  /* Brand colors */
  --color-primary: #D94500;
  --color-primary-light: #F06A2E;
  --color-primary-dark: #A33400;

  --color-secondary: #005629;
  --color-secondary-light: #007A3A;
  --color-secondary-dark: #003D1C;

  /* Accent colors (harmonisch met primary + secondary) */
  --color-accent-yellow: #FFC857;
  --color-accent-cream: #FFF4E6;

  /* Neutral palette */
  --color-black: #0A0A0A;
  --color-gray-900: #1A1A1A;
  --color-gray-700: #3A3A3A;
  --color-gray-500: #7A7A7A;
  --color-gray-300: #CCCCCC;
  --color-gray-100: #F2F2F2;
  --color-white: #FFFFFF;

  /* UI states */
  --color-primary-hover: #BF3E00;
  --color-primary-active: #9F3300;

  --color-secondary-hover: #004D24;
  --color-secondary-active: #00381A;

  /* Shadows */
  --shadow-soft: 0 2px 6px rgba(0,0,0,0.15);
  --shadow-medium: 0 4px 12px rgba(0,0,0,0.2);
  --shadow-strong: 0 6px 20px rgba(0,0,0,0.25);
}

:root {
  --primary: #002494   ; /* rgba(0, 85, 20, 1.0) */
  --secondary: #FFCE00; /* rgba(47, 5, 108, 1.0) */
  --secondary-dark:#FFA600;

  --background: #D5DBE2;
  --header-color: #f9f9f9;
  --background-box: #f9f9f9;
  --primary-dark: #a34b67;
  --text-color: #1a1a1d;
  --text-color-light: #f9f9f9;
  --box-color-color: #005629;
  --font-body: "Montserrat", sans-serif;
  --white: #f9f9f9;

  --points-jersey: purple;
  --mountain-jersey: blue;

  --gray-dark: #333333;
  --gray-light: #bfc3c9;

  --border-gradient-country: linear-gradient(
      to right,
      #0A3161,
      #0A3161,
      #B31942,
      #B31942,
      #ffffff,
      #ffffff
    )
    1;
  --border-image-country-header: linear-gradient(
      to right,
      #0A3161,
      #0A3161,
      #B31942,
      #B31942,
      #ffffff,
      #ffffff
    )
    100% 1;

  --accent-green: #00c853;
  --accent-red: #e10600;
  --accent-orange: #ff7f50;
  --accent-secondary: gold;

  --text-color-btn-sec: white;
  --border-color-btn-alt: white;
  --tab-button-color: white;

  --fieldset: white;
  --session-block: white;
  --match-card: white;
  --joker-block: white;
  --selected_round: white;

  /* Info boxes */
  --info-box-gray: #cccccc39;
  --info-box-green: #dff0d8;
  --info-box-red: #f2dede;
  --info-box-yellow: #f5dd27;
  --info-box-border: 4px solid #777;
  --info-box-border-green: 4px solid green;
  --info-box-border-red: 4px solid #e10600;
  --info-box-border-yellow: 4px solid #eed511;
  --info-box-background: white;

  --table-border: rgba(176, 170, 170, 0.692);
  --table-row-even: rgba(151, 151, 151, 0.14);
  --table-divider: white;
}