/* ==========================================================================
   Flex Mortgage Solutions — Design tokens
   Palette grounded in Sydney harbour + sandstone, not generic finance navy.
   ========================================================================== */
:root{
  /* Colour: navy + orange */
  --ink:        #0F2647;   /* deep navy ink — headings, nav */
  --ink-soft:   #4E5C74;   /* muted body on light */
  --teal:       #1E4D8C;   /* mid navy blue — links, secondary accents */
  --teal-deep:  #14345E;
  --brass:      #E2672D;   /* orange — CTAs, accents */
  --brass-deep: #B94F1E;
  --sandstone:  #EEF2F7;   /* cool neutral section background */
  --sandstone-2:#E1E8F0;
  --paper:      #FAFBFD;   /* near-white page background */
  --white:      #FFFFFF;
  --line:       #D9E1EA;   /* hairline rule on light bg */
  --line-dark:  rgba(15,38,71,.14);
  --good:       #2E7D4F;
  --focus:      #1E4D8C;

  /* Type */
  --font-display: "Sora", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body:    "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono:    "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;

  --step-eyebrow: 0.72rem;
  --step-sm:  0.9375rem;
  --step-base:1.0625rem;
  --step-lg:  1.3rem;
  --step-xl:  1.9rem;
  --step-2xl: 2.6rem;
  --step-3xl: 3.6rem;

  /* Layout */
  --maxw: 1180px;
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 22px;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.25rem;
  --space-5: 3.5rem;
  --space-6: 5.5rem;
  --shadow-sm: 0 1px 2px rgba(16,48,46,.06), 0 1px 1px rgba(16,48,46,.04);
  --shadow-md: 0 10px 30px -12px rgba(16,48,46,.28);
  --ease: cubic-bezier(.4,0,.2,1);
}

@media (prefers-color-scheme: dark){
  /* Reserved: site intentionally keeps a single warm light theme for legibility of financial figures. */
}