/*
 * saywow-ui — Design system tokens
 *
 * Fallback registration inside saywow-streamlined-checkout. If a site-wide
 * saywow-ui plugin registers the `saywow-ui` handle first, that version wins
 * via the guarded registration in the main plugin file.
 *
 * Source of truth: 00-SPEC-BRAND-DESIGN-SYSTEM.md v2.0 §8
 */

:root {
  /* Font */
  --sw-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Primary */
  --sw-blue: #0052CC;
  --sw-blue-dark: #003D99;
  --sw-blue-darkest: #002D73;
  --sw-red: #E63946;
  --sw-red-hover: #CF2F3C;
  --sw-red-active: #B82633;
  --sw-gold: #FFD700;
  --sw-gold-dark: #F0C800;
  --sw-green: #28A745;

  /* Neutrals */
  --sw-grey-900: #212529;
  --sw-grey-500: #6B7280;
  --sw-grey-300: #9CA3AF;
  --sw-grey-200: #E5E7EB;
  --sw-grey-100: #F8F9FA;
  --sw-white: #FFFFFF;

  /* Semantic */
  --sw-success-bg: #D4EDDA;
  --sw-success-text: #155724;
  --sw-error-bg: #FEE2E5;
  --sw-error-text: #E63946;
  --sw-info-bg: #E8F0FE;
  --sw-info-text: #0052CC;
  --sw-warning-bg: #FFF3CD;
  --sw-warning-text: #856404;

  /* Font Weights */
  --sw-fw-regular: 400;
  --sw-fw-medium: 500;
  --sw-fw-semibold: 600;
  --sw-fw-bold: 700;
  --sw-fw-extrabold: 800;

  /* Border Radius */
  --sw-radius-sm: 6px;
  --sw-radius-md: 10px;
  --sw-radius-lg: 12px;
  --sw-radius-xl: 16px;

  /* Transitions */
  --sw-transition: all 0.2s ease;

  /* Focus ring (WCAG-compliant) */
  --sw-focus-ring: 0 0 0 3px rgba(0, 82, 204, 0.3);
}