/* JAIN Sports — Color System (from Brand Identity Guidelines, p.10–11) */
:root{
  /* Core brand */
  --jain-blue:#1d2250;        /* Deep Blue — core brand color */
  --jain-gray:#232022;        /* Secondary Gray — JAIN wordmark */
  --jain-green:#0e6750;       /* Accent Green */
  --jain-orange:#ff6900;      /* Accent Secondary (RGB 255-105-0) */
  --jain-yellow:#ffcb05;      /* Golden Yellow — dot on the "i" */
  --jain-neutral:#9e9e9e;     /* Neutral gray */

  /* Blue tints/shades (derived) */
  --blue-900:#12163a;
  --blue-700:#1d2250;
  --blue-500:#2e3573;
  --blue-300:oklch(0.62 0.09 275);
  --blue-100:#e7e8f0;
  --blue-50:#f4f5f9;

  /* Neutral ramp */
  --white:#ffffff;
  --gray-50:#f7f7f7;
  --gray-100:#ececec;
  --gray-200:#d9d9d9;
  --gray-300:#c2c2c2;
  --gray-400:#9e9e9e;
  --gray-500:#6f6f6f;
  --gray-600:#4a4a4a;
  --gray-800:#2c2a2c;
  --gray-900:#232022;

  /* Orange → yellow energy gradient (used in logo underline) */
  --grad-energy:linear-gradient(90deg,#ff6900 0%,#ffcb05 100%); /* @kind color */
  --grad-blue:linear-gradient(135deg,#1d2250 0%,#2e3573 100%); /* @kind color */

  /* Semantic aliases */
  --surface-page:#ffffff;
  --surface-card:#ffffff;
  --surface-muted:#f4f5f9;
  --surface-invert:#1d2250;
  --surface-dark:#232022;

  --text-heading:#1d2250;
  --text-body:#232022;
  --text-muted:#6f6f6f;
  --text-invert:#ffffff;
  --text-on-blue:#ffffff;

  --border-subtle:#ececec;
  --border-strong:#d9d9d9;

  --brand-primary:#1d2250;
  --brand-accent:#ff6900;
  --brand-success:#0e6750;
  --brand-highlight:#ffcb05;

  --focus-ring:#2e3573;
}