/* ==========================================================================
   HAMNUS DESIGN SYSTEM - CSS Variables
   ========================================================================== */

:root {
  /* ========== COLOR PALETTE ========== */

  /* Primary - Navy Blue (Trust, Education) */
  --hamnus-primary: #1e3a5f;
  --hamnus-primary-light: #2d5a87;
  --hamnus-primary-dark: #0f1f33;
  --hamnus-primary-rgb: 30, 58, 95;

  /* Accent - Teal (Growth, Learning) */
  --hamnus-accent: #0d9488;
  --hamnus-accent-light: #14b8a6;
  --hamnus-accent-dark: #0f766e;
  --hamnus-accent-rgb: 13, 148, 136;

  /* Success - Green */
  --hamnus-success: #10b981;
  --hamnus-success-light: #d1fae5;

  /* Warning - Amber */
  --hamnus-warning: #f59e0b;
  --hamnus-warning-light: #fef3c7;

  /* Error - Red */
  --hamnus-error: #ef4444;
  --hamnus-error-light: #fee2e2;

  /* Neutral Colors */
  --hamnus-white: #ffffff;
  --hamnus-black: #000000;
  --hamnus-gray-50: #f8fafc;
  --hamnus-gray-100: #f1f5f9;
  --hamnus-gray-200: #e2e8f0;
  --hamnus-gray-300: #cbd5e1;
  --hamnus-gray-400: #94a3b8;
  --hamnus-gray-500: #64748b;
  --hamnus-gray-600: #475569;
  --hamnus-gray-700: #334155;
  --hamnus-gray-800: #1e293b;
  --hamnus-gray-900: #0f172a;

  /* ========== TYPOGRAPHY ========== */
  --hamnus-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --hamnus-font-heading: "Inter", var(--hamnus-font-sans);
  --hamnus-font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;

  /* Font Sizes */
  --hamnus-text-xs: 0.75rem;
  --hamnus-text-sm: 0.875rem;
  --hamnus-text-base: 1rem;
  --hamnus-text-lg: 1.125rem;
  --hamnus-text-xl: 1.25rem;
  --hamnus-text-2xl: 1.5rem;
  --hamnus-text-3xl: 1.875rem;
  --hamnus-text-4xl: 2.25rem;

  /* ========== SPACING ========== */
  --hamnus-space-1: 0.25rem;
  --hamnus-space-2: 0.5rem;
  --hamnus-space-3: 0.75rem;
  --hamnus-space-4: 1rem;
  --hamnus-space-5: 1.25rem;
  --hamnus-space-6: 1.5rem;
  --hamnus-space-8: 2rem;
  --hamnus-space-10: 2.5rem;
  --hamnus-space-12: 3rem;
  --hamnus-space-16: 4rem;

  /* ========== BORDERS & RADIUS ========== */
  --hamnus-radius-sm: 0.25rem;
  --hamnus-radius-md: 0.375rem;
  --hamnus-radius-lg: 0.5rem;
  --hamnus-radius-xl: 0.75rem;
  --hamnus-radius-2xl: 1rem;
  --hamnus-radius-full: 9999px;

  /* ========== SHADOWS ========== */
  --hamnus-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --hamnus-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --hamnus-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --hamnus-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  /* ========== TRANSITIONS ========== */
  --hamnus-transition-fast: 100ms ease;
  --hamnus-transition-base: 150ms ease;
  --hamnus-transition-slow: 300ms ease;

  /* ========== LAYOUT ========== */
  --hamnus-container-max: 1200px;
  --hamnus-sidebar-width: 300px;
}