/* Design tokens – change the brand here. */
:root {
  /* Blue scale */
  --blue-950: #071C3D;
  --blue-900: #0B2A5B;
  --blue-800: #103F86;
  --blue-700: #1556C0;
  --blue-600: #1F6BDB;
  --blue-500: #2F80ED;
  --blue-300: #8DB9F7;
  --blue-200: #C9DEFC;
  --blue-100: #EAF2FF;
  --blue-50:  #F5F9FF;

  /* Accent (used sparingly) */
  --accent: #FFB020;
  --accent-600: #E89A00;
  --accent-100: #FFF4DC;

  /* Neutrals */
  --text: #1A2233;
  --muted: #5B6576;
  --line: #E3E9F2;
  --bg: #FFFFFF;
  --bg-alt: #F7F9FC;
  --on-dark: #CFE0FF;
  --on-dark-muted: #9FB3D6;

  /* Feedback */
  --success: #1A7F50;
  --success-bg: #E7F6EE;
  --danger: #C2362F;
  --danger-bg: #FCECEC;

  /* Type */
  --font-head: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Shape */
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(11, 42, 91, .06), 0 1px 3px rgba(11, 42, 91, .08);
  --shadow: 0 8px 24px rgba(11, 42, 91, .08);
  --shadow-lg: 0 20px 48px rgba(11, 42, 91, .14);
  --ring: 0 0 0 4px rgba(47, 128, 237, .18);

  /* Layout */
  --container: 1200px;
  --gutter: clamp(16px, 4vw, 32px);
  --section-y: clamp(64px, 9vw, 112px);
  --header-h: 72px;

  --ease: cubic-bezier(.2, .7, .2, 1);
}