/* ============================================================================
   Aadyash Brand Tokens — v1 (canonical, locked 2026-05-26)
   Single source of truth for colour, type, spacing across the corporate site.

   Brand: Quiet Ambition. Premium, founder-led, modern Indian.
   References: Linear, Notion, Razorpay, Stripe.
   ============================================================================ */

:root {
  /* ----- Brand colors (the canonical 5) ----- */
  --aad-primary:  #1E1B4B;   /* Deep indigo · headings, dark surfaces, primary buttons */
  --aad-accent:   #4F46E5;   /* Indigo bright · links, hover, focus rings */
  --aad-canvas:   #FAF7F0;   /* Warm ivory · page background */
  --aad-signal:   #FF6B6B;   /* Coral · CTAs, highlights */
  --aad-ink:      #1A1A1A;   /* Charcoal · body text, max contrast */

  /* ----- Supporting layers ----- */
  --aad-surface:    #FFFFFF;   /* Cards above canvas */
  --aad-canvas-2:   #F1ECDE;   /* Section separators */
  --aad-border:     #E8E0CC;   /* Borders, dividers */
  --aad-border-strong: #D4C8A8;
  --aad-muted:      #6B7280;   /* Secondary text */
  --aad-muted-2:    #4B5563;
  --aad-success:    #16A34A;
  --aad-warning:    #D97706;
  --aad-danger:     #DC2626;

  /* ----- Gradients ----- */
  --aad-grad-mark: linear-gradient(135deg, #1E1B4B 0%, #4F46E5 60%, #FF6B6B 100%);
  --aad-grad-text: linear-gradient(90deg, #1E1B4B, #4F46E5);

  /* ----- Typography ----- */
  --aad-font-sans:    "Inter", system-ui, -apple-system, sans-serif;
  --aad-font-display: "Inter Display", "Inter", system-ui, sans-serif;
  --aad-font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  --aad-w-regular:  400;
  --aad-w-medium:   500;
  --aad-w-semibold: 600;
  --aad-w-bold:     700;
  --aad-w-extra:    800;

  /* Type ladder (size / line-height) */
  --aad-fs-display:  clamp(40px, 5.2vw, 64px);   /* hero h1 */
  --aad-lh-display:  1.06;
  --aad-fs-headline: clamp(28px, 3.4vw, 40px);   /* section h2 */
  --aad-lh-headline: 1.15;
  --aad-fs-section:  clamp(20px, 2.2vw, 24px);   /* h3 */
  --aad-lh-section:  1.3;
  --aad-fs-body:     16px;
  --aad-lh-body:     1.65;
  --aad-fs-small:    13px;
  --aad-fs-label:    11px;
  --aad-tracking-label: 0.08em;

  /* ----- Spacing (8px grid) ----- */
  --aad-s-1: 4px;
  --aad-s-2: 8px;
  --aad-s-3: 12px;
  --aad-s-4: 16px;
  --aad-s-5: 24px;
  --aad-s-6: 32px;
  --aad-s-7: 48px;
  --aad-s-8: 64px;
  --aad-s-9: 96px;

  /* ----- Radius ----- */
  --aad-r-sm:  8px;
  --aad-r:     12px;
  --aad-r-lg:  20px;
  --aad-r-xl:  28px;
  --aad-r-pill: 9999px;

  /* ----- Shadows ----- */
  --aad-shadow-sm: 0 1px 2px rgba(30,27,75,0.04);
  --aad-shadow:    0 1px 2px rgba(30,27,75,0.04), 0 4px 12px rgba(30,27,75,0.04);
  --aad-shadow-md: 0 4px 8px rgba(30,27,75,0.06), 0 12px 24px rgba(30,27,75,0.06);
  --aad-shadow-lg: 0 12px 24px rgba(30,27,75,0.08), 0 24px 48px rgba(30,27,75,0.08);
  --aad-glow-signal: 0 0 0 1px rgba(255,107,107,0.20), 0 8px 24px rgba(255,107,107,0.18);

  /* ----- Layout ----- */
  --aad-content-max: 1180px;
}

/* Helpers */
.aad-gradient-text {
  background: var(--aad-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.aad-mono { font-family: var(--aad-font-mono); font-variant-numeric: tabular-nums; }
.aad-label {
  font-size: var(--aad-fs-label);
  font-weight: var(--aad-w-bold);
  letter-spacing: var(--aad-tracking-label);
  text-transform: uppercase;
  color: var(--aad-muted);
}