/* =========================================================
   CHENNAI DISTRICT THROWBALL ASSOCIATION
   DESIGN SYSTEM – LEMON YELLOW + DARK GREEN
   WCAG 2.1 AA Compliant
========================================================= */

:root {

  /* ======================================================
     BRAND COLORS
  ====================================================== */

  --color-green-primary: #1B5E20;   /* Deep brand green */
  --color-green-dark: #166534;      /* Primary dark green */
  --color-green-med: #22C55E;       /* Accent green */
  --color-green-light: #DCFCE7;     /* Light tint */

  --color-lemon: #FCD34D;           /* Lemon yellow */
  --color-lemon-hover: #EAB308;     /* Hover yellow */

  /* ======================================================
     BACKGROUND COLORS
  ====================================================== */

  --color-white: #FFFFFF;
  --color-bg: #f9e9a2;
  --color-bg-alt: #F8FFF5;
  --color-bg-dark: var(--color-green-dark);

  /* ======================================================
     TEXT COLORS
  ====================================================== */

  --color-text: var(--color-green-dark);
  --color-text-muted: #2F6F4E;
  --text-primary: var(--color-green-dark);

  /* ======================================================
     LINKS
  ====================================================== */

  --color-link: var(--color-green-dark);
  --color-link-hover: var(--color-lemon);

  /* ======================================================
     BORDERS
  ====================================================== */

  --color-border: #D1D5DB;
  --color-border-dark: #9CA3AF;

  /* ======================================================
     FOCUS ACCESSIBILITY (WCAG)
  ====================================================== */

  --color-focus: var(--color-lemon);
  --focus-outline-width: 3px;
  --focus-outline-offset: 2px;

  /* ======================================================
     TYPOGRAPHY
  ====================================================== */

  --font-sans: 'Roboto', -apple-system, BlinkMacSystemFont,
               'Segoe UI', sans-serif;

  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  /* ======================================================
     SPACING SYSTEM
  ====================================================== */

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  /* ======================================================
     LAYOUT
  ====================================================== */

  --container-max: 1200px;
  --header-height: 4rem;
  --tap-target-min: 44px;
}