/* SIIFI 2.0 — Step 02 design tokens | source assets preserved unchanged */
:root {
  /* Original brand SVG colours */
  --siifi-brand-navy: #071A2B;
  --siifi-brand-teal: #0B7F7A;
  --siifi-brand-silver: #AEB8C4;
  --siifi-brand-white: #FFFFFF;
  /* Support colours — derived for functional UI (not logo colours) */
  --siifi-teal-hover: #086661;
  --siifi-teal-soft: #E7F4F1;
  --siifi-teal-line: #BADFD8;
  --siifi-ink: #102B3C;
  --siifi-muted: #53657A;
  --siifi-subtle: #708093;
  --siifi-bg: #F6F9FA;
  --siifi-surface: #FFFFFF;
  --siifi-surface-muted: #F1F6F7;
  --siifi-border: #DDE6E9;
  --siifi-border-strong: #B8C8CE;
  --siifi-navy-light: #132F42;
  --siifi-success: #17734F;
  --siifi-success-bg: #EAF6EF;
  --siifi-warning: #925900;
  --siifi-warning-bg: #FFF5E6;
  --siifi-danger: #AC3442;
  --siifi-danger-bg: #FCEFF0;
  --siifi-info: #155E81;
  --siifi-info-bg: #EAF4F9;
  /* Semantic mapping */
  --siifi-text: var(--siifi-ink);
  --siifi-text-secondary: var(--siifi-muted);
  --siifi-link: var(--siifi-brand-teal);
  --siifi-action: var(--siifi-brand-teal);
  --siifi-action-hover: var(--siifi-teal-hover);
  --siifi-focus-ring: #0B7F7A;
  /* Fonts: no external font dependency in Step 02 */
  --siifi-font-sans: Inter, "Segoe UI", "Noto Sans", Arial, sans-serif;
  --siifi-font-hindi: "Noto Sans Devanagari", "Mangal", sans-serif;
  --siifi-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --siifi-text-xs: .75rem;
  --siifi-text-sm: .875rem;
  --siifi-text-md: 1rem;
  --siifi-text-lg: 1.125rem;
  --siifi-text-xl: 1.375rem;
  --siifi-text-2xl: 1.75rem;
  --siifi-text-3xl: clamp(2rem, 3.6vw, 3.15rem);
  --siifi-text-hero: clamp(2.35rem, 4.5vw, 4rem);
  --siifi-leading-tight: 1.16;
  --siifi-leading-head: 1.28;
  --siifi-leading-body: 1.65;
  --siifi-w-regular: 400;
  --siifi-w-medium: 500;
  --siifi-w-semibold: 600;
  --siifi-w-bold: 700;
  --siifi-space-0: 0;
  --siifi-space-1: .25rem;
  --siifi-space-2: .5rem;
  --siifi-space-3: .75rem;
  --siifi-space-4: 1rem;
  --siifi-space-5: 1.25rem;
  --siifi-space-6: 1.5rem;
  --siifi-space-8: 2rem;
  --siifi-space-10: 2.5rem;
  --siifi-space-12: 3rem;
  --siifi-space-16: 4rem;
  --siifi-space-20: 5rem;
  --siifi-radius-sm: .375rem;
  --siifi-radius-md: .625rem;
  --siifi-radius-lg: .875rem;
  --siifi-radius-xl: 1.25rem;
  --siifi-radius-pill: 999px;
  --siifi-shadow-soft: 0 4px 20px rgba(7, 26, 43, .045);
  --siifi-shadow-card: 0 12px 38px rgba(7, 26, 43, .065);
  --siifi-shadow-popover: 0 22px 55px rgba(7, 26, 43, .15);
  --siifi-width-reading: 45rem;
  --siifi-width-content: 74rem;
  --siifi-width-wide: 88rem;
  --siifi-width-form: 40rem;
  --siifi-width-admin: 92rem;
  --siifi-control-height: 2.875rem;
  --siifi-touch-min: 2.75rem;
  --siifi-border-width: 1px;
  --siifi-duration-fast: 140ms;
  --siifi-duration-medium: 220ms;
  --siifi-ease: cubic-bezier(.2,.8,.2,1);
  --siifi-layer-base: 0;
  --siifi-layer-sticky: 40;
  --siifi-layer-popover: 60;
  --siifi-layer-modal: 100;
}
@media (prefers-reduced-motion: reduce) {
  :root { --siifi-duration-fast: 0ms; --siifi-duration-medium: 0ms; }
}