/*
 * Caribbean Speed Club brand tokens.
 * Club colours: blue, white, black, with an occasional splash of green.
 * Import/link this file first in every app's stylesheet.
 */
:root {
  --csc-navy: #1b1464;
  --csc-navy-light: #2c1f8f;
  --csc-blue-deep: #100c3a;
  --csc-black: #0a0824;
  --csc-green: #2bd8a8;
  --csc-green-light: #5ee4c0;
  --csc-green-dim: rgba(43, 216, 168, 0.15);
  --csc-white: #ffffff;
  --csc-ink: #12103f;
  --csc-muted: #6b6795;
  --csc-bg: #f5f4fb;
  --csc-border: #e1dff2;

  /* Dark marketing surfaces (public site is dark-only; no light toggle) */
  --csc-bg-dark: #100c3a;
  --csc-bg-mid: #171050;
  --csc-text: #eceaf9;
  --csc-text-muted: #9691c4;
  --csc-border-dark: rgba(255, 255, 255, 0.10);
  --csc-focus-ring: 0 0 0 3px rgba(43, 216, 168, 0.55);

  --csc-radius-sm: 6px;
  --csc-radius-md: 12px;
  --csc-radius-lg: 20px;
  --csc-shadow-sm: 0 1px 3px rgba(27, 20, 100, 0.12);
  --csc-shadow-md: 0 8px 24px rgba(27, 20, 100, 0.16);
  --csc-font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --csc-font-display: "Bebas Neue", "DM Sans", sans-serif;
}