/* Aadish Enterprises — Design Tokens v3
   Navy + White dominant (from the logo). Gold is a minimal accent only. */
:root {
  /* Core palette — navy & white led */
  --navy: #142F49;
  --navy-700: #1a3a5a;
  --navy-800: #0f2439;
  --navy-900: #0a1a2b;
  --navy-500: #2a5280;      /* medium brand blue — buttons, links */
  --navy-400: #4a7bb0;      /* lighter accent */
  --ink: #1E3652;
  --white: #FFFFFF;

  /* Blue tint canvas tones (replace cream/ivory) */
  --blue-50:  #F6F9FC;      /* page canvas */
  --blue-100: #EEF3F9;      /* card tint, strip */
  --blue-150: #E4ECF4;      /* subtle fill, inputs */
  --blue-200: #D4E0EC;      /* borders, dividers */
  --blue-300: #B7C8DC;      /* muted strokes */

  /* Gold accent — minimised; aliased to white so legacy references read correctly on navy */
  --gold: var(--white);
  --gold-300: rgba(255,255,255,0.75);

  /* Text helpers */
  --muted: #6B7A8C;
  --border: rgba(20, 47, 73, 0.08);
  --border-strong: rgba(20, 47, 73, 0.16);
  --border-blue: rgba(20, 47, 73, 0.14);

  /* Typography */
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

  --fs-hero: clamp(2.75rem, 1.6rem + 4.6vw, 5rem);
  --fs-h1: clamp(2.25rem, 1.4rem + 3.6vw, 4rem);
  --fs-h2: clamp(1.9rem, 1.3rem + 2.4vw, 3rem);
  --fs-h3: clamp(1.35rem, 1.05rem + 1.1vw, 1.65rem);
  --fs-lead: clamp(1.0625rem, 0.95rem + 0.45vw, 1.2rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;

  /* Spacing */
  --sp-1: 0.5rem; --sp-2: 1rem; --sp-3: 1.5rem;
  --sp-4: 2rem; --sp-5: 3rem; --sp-6: 4.5rem; --sp-7: 6rem; --sp-8: 8rem;

  /* Radii */
  --r-sm: 8px; --r-md: 14px; --r-lg: 24px; --r-xl: 32px; --r-full: 999px;

  /* Elevation — tinted navy */
  --shadow-sm: 0 1px 2px rgba(20, 47, 73, 0.05), 0 2px 8px rgba(20, 47, 73, 0.06);
  --shadow-md: 0 2px 4px rgba(20, 47, 73, 0.06), 0 12px 28px -10px rgba(20, 47, 73, 0.22), 0 4px 10px rgba(20, 47, 73, 0.08);
  --shadow-lg: 0 2px 4px rgba(20, 47, 73, 0.08), 0 24px 50px -16px rgba(20, 47, 73, 0.3), 0 8px 16px rgba(20, 47, 73, 0.1);
  --shadow-xl: 0 2px 4px rgba(20, 47, 73, 0.08), 0 40px 80px -24px rgba(20, 47, 73, 0.42), 0 12px 24px rgba(20, 47, 73, 0.12);
  --shadow-cta: 0 1px 2px rgba(20, 47, 73, 0.3), 0 14px 32px -10px rgba(20, 47, 73, 0.55), 0 6px 14px rgba(20, 47, 73, 0.3);
  --shadow-white: 0 2px 10px rgba(0, 0, 0, 0.08), 0 20px 40px -16px rgba(0, 0, 0, 0.2);

  /* Backgrounds */
  --mesh-navy:
    radial-gradient(at 15% 10%, rgba(74, 123, 176, 0.22) 0px, transparent 55%),
    radial-gradient(at 85% 85%, rgba(74, 123, 176, 0.1) 0px, transparent 55%),
    linear-gradient(180deg, #142F49 0%, #0f2439 100%);
  --mesh-ivory: var(--white);
  --mesh-paper: var(--white);
  --mesh-cream: var(--blue-100);

  --noise-url: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.4 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.3'/></svg>");

  /* Legacy aliases so existing CSS keeps working while we rewrite components */
  --ivory: var(--white);
  --ivory-soft: var(--white);
  --cream: var(--white);
  --cream-warm: var(--blue-100);
  --paper: var(--white);
  --gold-700: var(--navy);
  --gold-500: var(--navy-500);
  --gold-100: var(--blue-100);
  --border-gold: var(--border-blue);
  --border-gold-soft: var(--border);

  /* Layout */
  --container: 1200px;
  --container-wide: 1320px;
  --header-h: 76px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 520ms;
}