/* ==========================================================================
   Sri Varaahi Associates — Design Tokens
   Source of truth: design-system/sri-varaahi-associates/MASTER.md
   Style: Accessible & Ethical  |  Pattern: Trust & Authority + Conversion
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Serif:wght@400;500;600&display=swap');

:root {
  /* ---- Brand / semantic colour ---- */
  --color-primary: #0E7490;          /* deepened from #0891B2 for 4.5:1 on white */
  --color-primary-hover: #0B5F76;
  --color-primary-soft: #E0F5FA;
  --color-on-primary: #FFFFFF;

  --color-secondary: #22D3EE;
  --color-on-secondary: #0F172A;

  --color-accent: #15803D;           /* CTA green, 4.5:1 with white */
  --color-accent-hover: #116632;
  --color-on-accent: #FFFFFF;

  --color-ink: #0B2027;              /* deep navy-ink, premium ground */
  --color-ink-soft: #123543;

  --color-background: #F6FAFB;
  --color-foreground: #10333D;
  --color-card: #FFFFFF;
  --color-card-foreground: #10333D;

  --color-muted: #EDF3F5;
  --color-muted-foreground: #4A6572;

  --color-border: #D7E6EB;
  --color-border-strong: #B9D2DA;

  --color-destructive: #C62828;
  --color-on-destructive: #FFFFFF;
  --color-warning: #B45309;
  --color-warning-soft: #FEF3C7;
  --color-success: #15803D;
  --color-success-soft: #DCFCE7;
  --color-info: #0E7490;
  --color-info-soft: #E0F5FA;

  --color-whatsapp: #0F7B6E;   /* darkened from #128C7E for 4.5:1 with white text */
  --color-whatsapp-bright: #25D366;
  --color-whatsapp-bg: #ECE5DD;
  --color-whatsapp-bubble: #DCF8C6;

  --color-ring: #0E7490;

  /* ---- Typography ---- */
  --font-display: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --text-xs: 0.75rem;    /* 12px — meta only */
  --text-sm: 0.875rem;   /* 14px */
  --text-base: 1rem;     /* 16px body floor */
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --text-5xl: 3.75rem;

  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.6;

  /* ---- Spacing (density 6 — standard) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* ---- Radius / elevation ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(11, 32, 39, .06);
  --shadow-sm: 0 2px 8px rgba(11, 32, 39, .07);
  --shadow-md: 0 8px 24px rgba(11, 32, 39, .09);
  --shadow-lg: 0 20px 48px rgba(11, 32, 39, .14);
  --shadow-ring: 0 0 0 4px rgba(14, 116, 144, .18);

  /* ---- Motion (tier: standard) ---- */
  --dur-fast: 150ms;
  --dur-base: 220ms;
  --dur-slow: 380ms;
  --ease-out: cubic-bezier(.22, .8, .3, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);

  --container: 1200px;
  --header-h: 72px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}