/* ==========================================================================
   SNQ Design Tokens (Global)
   Shared across home.css, snq-redesign.css, admin pages
   ========================================================================== */

/* Load Montserrat */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");

:root {
  /* =====================================================
     Typography
     ===================================================== */
  --snq-font-sans: "Montserrat", "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --snq-font-heading: "Montserrat", "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;

  /* Font weights */
  --snq-font-regular: 400;
  --snq-font-medium: 500;
  --snq-font-semibold: 600;
  --snq-font-bold: 700;
  --snq-font-extrabold: 800;

  /* =====================================================
     Brand Colors
     ===================================================== */
  --snq-blue: #00377d;
  --snq-blue-dark: #042f61;
  --snq-blue-light: #0a4c9a;
  --snq-border-light-blue: #97e7f3;
  --snq-h2-light-blue: #016f92;
  --snq-border-lighter-blue: #b9dcff;
  --snq-blue-extra-lite: #eef8ff;

  --snq-green: #32c24d;
  --snq-green-dark: #28a83f;
  --snq-green-light: #6ee28a;
  --snq-green-accent: #d9f2c9;
  --snq-green-bright: #80d44a;
  --snq-green-forest: #3f6b2a;
  --snq-green-link-color: #485c3a;

  --snq-olive: #5c7f2b;

  /* =====================================================
     Neutrals
     ===================================================== */
  --snq-white: #ffffff;
  --snq-gray-50: #f9fafb;
  --snq-gray-100: #f5f6f7;
  --snq-gray-300: #d0d3d6;
  --snq-gray-500: #9aa0a6;
  --snq-gray-600: #6b7280;
  --snq-gray-800: #374151;
  --snq-gray-900: #1f2933;

  /* =====================================================
     Borders & Dividers
     ===================================================== */
  --snq-border-light: #d1d5db;
  --snq-border-dark: #8b8b8b;
  --snq-border-radius-sm: 4px;
  --snq-border-radius-md: 6px;
  --snq-border-radius-lg: 10px;

  /* =====================================================
     Layout
     ===================================================== */
  --snq-max-content: 1200px;
  --snq-header-height: 96px;

  /* Spacing scale */
  --snq-space-1: 4px;
  --snq-space-2: 8px;
  --snq-space-3: 12px;
  --snq-space-4: 16px;
  --snq-space-5: 24px;
  --snq-space-6: 32px;
  --snq-space-7: 48px;

  /* =====================================================
     Motion
     ===================================================== */
  --snq-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --snq-transition-fast: 150ms;
  --snq-transition-medium: 300ms;
  --snq-transition-slow: 450ms;

  /* =====================================================
     Elevation (optional)
     ===================================================== */
  --snq-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --snq-shadow-md: 0 4px 10px rgba(0, 0, 0, 0.12);
}