/* ============================================
   Design Tokens — RNLL Platform UI V3
   Colors sourced from redmondbaseball.org
   ============================================ */

:root {
  /* Brand — RNLL blue scale (anchored on #0072EB from redmondbaseball.org) */
  --brand-900: #24313A;
  --brand-800: #2a3f4d;
  --brand-700: #0072EB;
  --brand-600: #1a82f0;
  --brand-500: #3d96f4;
  --brand-400: #6aabf5;
  --brand-300: #93c5fd;
  --brand-200: #bfdbfe;
  --brand-100: #dbeafe;
  --brand-50:  #eff6ff;

  /* Neutral — slightly warmer grays for readability */
  --neutral-900: #1a1a1a;
  --neutral-800: #2d2d2d;
  --neutral-700: #404040;
  --neutral-600: #525252;
  --neutral-500: #6b7280;
  --neutral-400: #9ca3af;
  --neutral-300: #d1d5db;
  --neutral-200: #e5e7eb;
  --neutral-100: #f3f4f6;
  --neutral-50:  #f9fafb;
  --white:       #ffffff;

  /* Status */
  --success-700: #166534;
  --success-600: #16a34a;
  --success-100: #dcfce7;
  --warning-700: #92400e;
  --warning-600: #d97706;
  --warning-100: #fef3c7;
  --danger-700:  #991b1b;
  --danger-600:  #dc2626;
  --danger-100:  #fee2e2;
  --info-700:    #1e40af;
  --info-600:    #2563eb;
  --info-100:    #dbeafe;

  /* Field colors (lineup builder — kept naturalistic for the diamond) */
  --field-green:  #6b8f5e;
  --diamond-tan:  #c8a96e;
  --sky-blue:     #87ceeb;
  --gold-accent:  #d4a843;

  /* Portal accent (from redmondbaseball.org CTA buttons) */
  --portal-blue:  #0072EB;
  --portal-hover: #0A4FB3;

  /* Semantic aliases */
  --sidebar-bg:       #24313A;
  --sidebar-text:     rgba(255, 255, 255, 0.75);
  --sidebar-text-active: var(--white);
  --sidebar-hover-bg: rgba(255, 255, 255, 0.1);
  --sidebar-active-bg: rgba(255, 255, 255, 0.15);
  --sidebar-border:   rgba(255, 255, 255, 0.08);
  --sidebar-width:    240px;
  --sidebar-collapsed-width: 60px;

  --topbar-bg:     var(--white);
  --topbar-height: 56px;
  --topbar-border: var(--neutral-200);
  --topbar-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);

  --content-bg:    #f5f5f5;
  --card-bg:       var(--white);
  --card-border:   var(--neutral-200);
  --card-shadow:   0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --card-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);

  /* Text — higher contrast for readability */
  --text-primary:   #1a1a1a;
  --text-secondary: #525252;
  --text-tertiary:  #6b7280;
  --text-inverse:   var(--white);

  /* Typography — Lato (matches redmondbaseball.org) */
  --font-sans: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace;

  /* Slightly larger base sizes for readability */
  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.875rem;  /* 14px (was 13px) */
  --text-base: 1rem;      /* 16px (was 14px) — matches redmondbaseball.org */
  --text-md:   1.0625rem; /* 17px */
  --text-lg:   1.1875rem; /* 19px */
  --text-xl:   1.375rem;  /* 22px */
  --text-2xl:  1.625rem;  /* 26px */
  --text-3xl:  2.25rem;   /* 36px — stat display */

  --font-normal:   400;
  --font-medium:   500;
  --font-semibold: 600;
  --font-bold:     700;
  --font-extrabold: 800;

  --leading-tight:  1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;

  /* Spacing */
  --space-0:  0;
  --space-1:  0.25rem;  /* 4px */
  --space-2:  0.5rem;   /* 8px */
  --space-3:  0.75rem;  /* 12px */
  --space-4:  1rem;     /* 16px */
  --space-5:  1.25rem;  /* 20px */
  --space-6:  1.5rem;   /* 24px */
  --space-8:  2rem;     /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-2xl:  16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-xs:  0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md:  0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-lg:  0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
  --shadow-xl:  0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-base:   200ms ease;
  --transition-slow:   300ms ease;
  --transition-sidebar: 250ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-index scale */
  --z-sidebar:  40;
  --z-topbar:   30;
  --z-overlay:  50;
  --z-dropdown: 60;
  --z-modal:    70;
  --z-toast:    80;

  /* Touch targets */
  --touch-min: 44px;
  --row-min:   48px;
}