/*
  Base Theme (light)
*/

:root {
  --blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;
  --yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;
  --gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;
  --warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;
  --breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;
  --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

  /* Core */
  --color-brand: #0173aa;
  --color-text: #212529;
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-border: #dee2e6; /* neutral-200 */
  --color-muted: #6c757d; /* neutral-600 */
  --color-link: #0173aa;
  --color-link-hover: #00517b;

  /* Brand scale */
  --brand-90: rgba(1,115,170,0.9);
  --brand-70: rgba(1,115,170,0.7);
  --brand-50: rgba(1,115,170,0.5);
  --brand-35: rgba(1,115,170,0.35);
  --brand-20: rgba(1,115,170,0.2);

  /* Neutrals (gray) */
  --neutral-0: #ffffff;
  --neutral-50: #f8f9fa;
  --neutral-100: #e9ecef;
  --neutral-200: #dee2e6;
  --neutral-300: #ced4da;
  --neutral-400: #adb5bd;
  --neutral-500: #999999;
  --neutral-600: #6c757d;
  --neutral-700: #4a4a4a;
  --neutral-800: #343a40;
  --neutral-900: #000000;

  /* Alpha */
  --neutral-0-90: rgba(255,255,255,0.9);
  --neutral-0-80: rgba(255,255,255,0.8);
  --neutral-0-70: rgba(255,255,255,0.7);
  --neutral-0-50: rgba(255,255,255,0.5);
  --neutral-0-35: rgba(255,255,255,0.35);
  --neutral-0-20: rgba(255,255,255,0.2);
  --neutral-0-10: rgba(255,255,255,0.1);

  --neutral-900-90: rgba(0,0,0,0.9);
  --neutral-900-80: rgba(0,0,0,0.8);
  --neutral-900-70: rgba(0,0,0,0.7);
  --neutral-900-50: rgba(0,0,0,0.5);
  --neutral-900-35: rgba(0,0,0,0.35);
  --neutral-900-20: rgba(0,0,0,0.2);
  --neutral-900-10: rgba(0,0,0,0.1);

  /* States */
  --color-danger: #dc3545; 
  --danger-600: #c82333;
  --danger-700: #bd2130; 
  --danger-800: #721c24; 
  --danger-100: #f8d7da;

  --color-success: #28a745; 
  --success-700: #218838; 
  --success-800: #155724; 
  --success-100: #d4edda;

  --color-warning: #ffc107; 
  --warning-700: #e0a800; 
  --warning-800: #856404; 
  --warning-100: #fff3cd;

  --color-info: #17a2b8; 
  --info-700: #117a8b; 
  --info-800: #0c5460; 
  --info-100: #d1ecf1;

  /* Border widths (a11y-ready scale) */
  --border-width-0: 0;
  --border-width-hairline: 0.5px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-3: 3px;

  /* Outline / focus ring */
  --outline-width-1: 1px;
  --outline-width-2: 2px;
  --focus-ring-color: var(--brand-70);

  /* Radii */
  --radius-0: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-5: 5px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-20: 20px;
  --radius-2xl: 24px;
  --radius-full: 9999px;
}