/* Open Squash — Color palette
 * From Brand Guidelines V1 (Nov 2021). Electric Green + Boast Blue are the
 * dominant everyday combination. A warmer/lighter black (Drive Darkness) softens harshness.
 */
:root {
  /* ---- Core brand palette (named per guidelines) ---- */
  --os-electric-green: #8fdaaf; /* primary brand green — bright, welcoming */
  --os-boast-blue:     #002d78; /* primary brand navy — dominant pairing w/ green */
  --os-pro-yellow:     #fcda01; /* deeper yellow, visible on white */
  --os-rally-red:      #ed1856; /* energetic accent / alerts */
  --os-beginner-blue:  #00aaff; /* bright sky accent */
  --os-floor-fawn:     #fce6d2; /* warm cream surface */
  --os-get-green:      #16403e; /* deep forest green */
  --os-drive-darkness: #2f2626; /* warm near-black ink */

  /* ---- Junior Academy extension ---- */
  --os-dark-red: #5d0023;
  --os-bronze:   #c77329;
  --os-silver:   #b3b3b3;
  --os-gold:     #ffbd01;

  /* ---- White ---- */
  --os-white: #ffffff;

  /* ---- Tints / shades (derived, harmonious in oklch) ---- */
  --os-green-100: #e8f7ef;
  --os-green-200: #c8ecd8;
  --os-green-300: #8fdaaf; /* = electric green */
  --os-green-700: #2c7a52;
  --os-fawn-100:  #fef7ef;
  --os-fawn-200:  #fce6d2;
  --os-blue-900:  #001b48; /* darker boast for depth */
  --os-blue-600:  #1f4fa0;
  --os-ink-700:   #4a3f3f; /* lifted ink for secondary text */
  --os-ink-400:   #8c8080; /* muted ink */
  --os-line:      #e7ddd4; /* hairline on fawn/white */

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--os-boast-blue);
  --color-primary-ink:    var(--os-white);
  --color-accent:         var(--os-electric-green);
  --color-accent-ink:     var(--os-boast-blue);
  --color-highlight:      var(--os-pro-yellow);
  --color-danger:         var(--os-rally-red);
  --color-info:           var(--os-beginner-blue);

  --surface-page:         var(--os-floor-fawn);
  --surface-card:         var(--os-white);
  --surface-inverse:      var(--os-boast-blue);
  --surface-deep:         var(--os-get-green);

  --text-strong:          var(--os-drive-darkness);
  --text-body:            var(--os-ink-700);
  --text-muted:           var(--os-ink-400);
  --text-on-dark:         var(--os-white);
  --text-on-accent:       var(--os-boast-blue);

  --border-subtle:        var(--os-line);
  --border-strong:        var(--os-drive-darkness);
  --focus-ring:           var(--os-beginner-blue);
}