/* ============================================================
   OLR INDIA - DESIGN TOKENS
   ============================================================ */

:root {
  /* Brand colors */
  --c-orange: #FF8500;
  --c-orange-deep: #F54617;
  --c-blue: #0873E7;
  --c-blue-deep: #0F4283;
  --c-green: #039266;
  --c-green-deep: #02764D;

  /* Brand gradients */
  --grad-orange: linear-gradient(135deg, var(--c-orange) 0%, var(--c-orange-deep) 100%);
  --grad-blue: linear-gradient(160deg, var(--c-blue) 0%, var(--c-blue-deep) 100%);
  --grad-green: linear-gradient(135deg, var(--c-green) 0%, var(--c-green-deep) 100%);
  --grad-brand: linear-gradient(145deg, #FF8500 0%, #0873E7 55%, #039266 100%);

  /* Neutrals */
  --c-ink: #181A1B;
  --c-ink-soft: #555B61;
  --c-ink-faint: #8A9097;
  --c-bg: #FAFAF8;
  --c-surface: #FFFFFF;
  --c-border: #E6E5E1;
  --c-border-soft: #F0EFEC;

  /* Status */
  --c-error: #D8351F;
  --c-error-bg: #FDEDEA;
  --c-success: #0E8A4F;
  --c-success-bg: #E9F8F0;
  --c-orange-deep-text: #B33200;
  --c-blue-banner: #EAF3FF;
  --c-blue-banner-border: #BDD7FF;
  --c-blue-banner-text: #0F4283;

  /* Typography */
  --font-display: 'Poppins', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;

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

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(24, 26, 27, 0.08);
  --shadow-md: 0 6px 20px rgba(24, 26, 27, 0.10);
  --shadow-lg: 0 20px 60px rgba(24, 26, 27, 0.18);
  --shadow-card: 0 8px 40px rgba(8, 115, 231, 0.10), 0 2px 8px rgba(24, 26, 27, 0.08);

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 150ms;
  --t-med: 250ms;
}