/* ==========================================================================
   TBSN design tokens
   Brand colours are sampled directly from the TBSN mark: purple #73498E,
   teal #4EC6B7. Everything else is a tint, shade, or neutral built from
   those two hues, including "muted" text, which is always a dark plum
   rather than flat grey. Individual sections opt into a dark or brand
   background deliberately (.section--dark / .section--brand); there is
   no site-wide theme switch.
   ========================================================================== */

:root {
  /* ---- Brand ---- */
  --purple-900: #241730;
  --purple-800: #3A2650;
  --purple-700: #573172;
  --purple-600: #73498E; /* brand primary, sampled from the logo */
  --purple-500: #8B65A3;
  --purple-300: #C6ACD6;
  --purple-150: #E9DEEF;
  --purple-100: #F4EEF8;
  --purple-50:  #FAF6FC;

  --teal-700: #257F76;
  --teal-600: #2F9C90;
  --teal-500: #4EC6B7; /* brand accent, sampled from the logo */
  --teal-300: #9EE2D8;
  --teal-150: #DBF3EF;
  --teal-100: #EAF8F6;

  /* ---- Neutrals (purple-tinted; used for borders/surfaces, not text) ---- */
  --ink-900: #1B1420;
  --ink-800: #2B2233;
  --ink-700: #423752;
  --ink-150: #DCD4E2;
  --ink-100: #EDE8F1;
  --paper:   #FDFBFC;
  --white:   #FFFFFF;

  /* ---- Semantic: light theme (default) ---- */
  --color-bg: var(--paper);
  --color-surface: var(--white);
  --color-bg-alt: var(--purple-50);
  --color-ink: var(--ink-900);
  --color-ink-muted: #5B4770;
  --color-border: var(--ink-150);
  --color-primary: var(--purple-600);
  --color-primary-ink: var(--purple-900);
  --color-accent: var(--teal-600);
  --color-focus: var(--teal-600);
  --color-footer-bg: var(--ink-900);
  --color-footer-ink: #D7CBDD;
  --color-footer-muted: #B29FC0;
  --shadow-tint: 36, 23, 48;

  --color-success: #21895A;
  --color-warning: #966325;
  --color-danger: #A83A30;

  /* ---- Type: one typeface sitewide, no display/serif pairing ---- */
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --step-eyebrow: 0.75rem;
  --step-sm: 0.875rem;
  --step-base: 0.975rem;
  --step-lg: 1.1rem;
  --step-xl: clamp(1.2rem, 1.13rem + 0.35vw, 1.4rem);
  --step-h3: clamp(1.25rem, 1.13rem + 0.6vw, 1.55rem);
  --step-h2: clamp(1.55rem, 1.35rem + 1vw, 2.15rem);
  --step-h1: clamp(2rem, 1.6rem + 1.8vw, 3.1rem);

  --leading-tight: 1.15;
  --leading-snug: 1.4;
  --leading-normal: 1.65;

  /* ---- Layout ---- */
  --container-max: 78rem;
  --container-pad: clamp(1.25rem, 4vw, 3rem);
  --section-pad: clamp(2.75rem, 2.3rem + 2vw, 4rem);
  --section-pad-tight: clamp(1.75rem, 1.5rem + 1vw, 2.5rem);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;

  --shadow-sm: 0 1px 2px rgba(var(--shadow-tint), 0.07), 0 1px 1px rgba(var(--shadow-tint), 0.04);
  --shadow-md: 0 10px 26px rgba(var(--shadow-tint), 0.12), 0 2px 8px rgba(var(--shadow-tint), 0.06);
  --shadow-lg: 0 24px 56px rgba(var(--shadow-tint), 0.20), 0 8px 20px rgba(var(--shadow-tint), 0.10);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-base: 220ms;
  --duration-slow: 480ms;

  color-scheme: light;
}