/* Kanakeeti design tokens — colours, tints, spacing and type scale. */
:root{
  /* Brand */
  --navy:#172044; --deep:#111936; --orange:#F58A0B; --orange-hover:#ffa233;
  --orange-text:#9a4d00;       /* amber used as TEXT: 5.7:1 on amber tint */
    /* Text */
  --text:#3d4a63; --muted:#52607a; --on-dark:#c3cee0; --line:#d5dcea;
  /* Section backgrounds: three tints + dark navy. Never white. */
  --bg-warm:#F6F5F2; --bg-navy:#E9EBF8; --bg-grey:#EEF2F8; --bg-dark:var(--deep);
  /* Waveform phase colours — FaultIntelligenceTab.jsx in the Analyser */
  --phase-a:#f87171; --phase-b:#4ade80; --phase-c:#60a5fa;
  /* Spacing scale */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --section-y:var(--s9);
  /* Type scale */
  --fs-caption:14px; --fs-body:16px; --fs-lead:18px; --fs-h3:22px; --fs-h3-lg:28px;
  --fs-h2:clamp(34px,3.8vw,52px); --fs-h1:clamp(54px,6vw,88px);
  /* Cards */
  --card-radius:16px; --card-border:1px solid #d9dfec; --card-shadow:0 6px 24px rgba(23,32,68,.08); --card-shadow-hover:0 14px 34px rgba(23,32,68,.14);
  --btn-radius:10px; --btn-h:52px; --max:1280px;
}
