/**
 * Kumrat Tourism OS - Design Tokens
 * Standard Light Theme
 */

/* ==========================================
   BASE VARIABLES (Light Theme Only)
   ========================================== */
:root {
  /* Brand Colors */
  --ktos-primary: #0066FF;
  --ktos-primary-rgb: 0, 102, 255;
  --ktos-secondary: #059669;
  --ktos-tertiary: #7c3aed;
  
  /* Theme Colors (Light Mode) */
  --ktos-bg: #f5f7fb;
  --ktos-card: #ffffff;
  --ktos-text: #0b1020;
  --ktos-muted: rgba(11, 16, 32, 0.65);
  --ktos-border: rgba(11, 16, 32, 0.12);
  
  /* Semantic Mappings */
  --kt-bg: var(--ktos-bg);
  --kt-surface: var(--ktos-card);
  --kt-surface-2: rgba(0, 0, 0, 0.04);
  --kt-text: var(--ktos-text);
  --kt-muted: var(--ktos-muted);
  --kt-border: var(--ktos-border);
  --kt-accent: var(--ktos-primary);
  --kt-accent2: var(--ktos-secondary);
  --kt-accent3: var(--ktos-tertiary);
  
  /* Radius */
  --ktos-radius: 16px;
  --kt-radius-xxs: 6px;
  --kt-radius-xs: 8px;
  --kt-radius-sm: 12px;
  --kt-radius-md: var(--ktos-radius);
  --kt-radius-lg: 22px;
  --kt-radius-xl: 28px;
  
  /* Spacing */
  --ktos-gap: 12px;
  --kt-space-1: 6px;
  --kt-space-2: 10px;
  --kt-space-3: 14px;
  --kt-space-4: 18px;
  --kt-space-5: 24px;
  --kt-space-6: 32px;
  --kt-space-7: 40px;
  --kt-space-8: 52px;
  
  /* Typography */
  --kt-text-xs: 0.75rem;
  --kt-text-sm: 0.875rem;
  --kt-text-md: 1rem;
  --kt-text-lg: 1.125rem;
  --kt-text-xl: 1.375rem;
  --kt-text-2xl: 1.75rem;
  --kt-text-3xl: 2.25rem;
  --kt-text-4xl: 3rem;
  
  /* Layout */
  --kt-container: 1200px;
  --kt-container-wide: 1360px;
  --kt-container-narrow: 960px;
  --kt-header-h: 74px;
  --kt-section-pad: 28px;
  
  /* Shadows */
  --kt-shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.08);
  --kt-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  --kt-shadow-lg: 0 24px 70px rgba(0, 0, 0, 0.16);
  --kt-glow: 0 0 18px rgba(0, 102, 255, 0.2);
  --kt-glow-strong: 0 0 28px rgba(5, 150, 105, 0.25);
  
  /* Z-Index */
  --kt-z-base: 1;
  --kt-z-header: 60;
  --kt-z-overlay: 80;
  --kt-z-modal: 100;
  --kt-z-tooltip: 120;
  
  /* Grid */
  --kt-grid-gap: var(--ktos-gap);
  
  /* Fonts */
  --kt-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --kt-font-mono: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  
  /* Color Scheme */
  color-scheme: light;
}

/* ==========================================
   BASE STYLES
   ========================================== */
html {
  background-color: #f5f7fb;
}

body {
  background-color: #f5f7fb;
  color: #0b1020;
}