/* Intuizi design tokens. Sampled from the approved sketch and the console brand kit.
   Nothing in this system hard-codes a color outside this file. */

:root {
  /* Brand */
  --brand: #fb7e42;
  --brand-hover: #ff7516;
  --brand-press: #e8691c;
  --brand-deep: #c4400c;
  --brand-pale: #ffc59c;
  --brand-wash: #fff4ec;

  /* Navy — primary text and the one contained dark panel */
  --navy: #17324f;
  --navy-deep: #0f2440;
  --navy-panel: #16304f;
  --navy-muted: #35526f;
  --navy-shade: rgba(6, 22, 41, 0.22);

  /* Neutrals */
  --ink: var(--navy);
  --body: #5b7189;
  --muted: #8697a9;
  --rule: #e7ebf0;
  --rule-soft: #f2f5f8;
  --rule-strong: #d5dde5;

  /* Feedback — form validation only */
  --danger: #b3372f;
  --danger-line: #d1453b;
  --surface: #ffffff;
  --surface-quiet: #fbfcfd;

  /* Typography */
  --font: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --step-hero: clamp(3rem, 6.6vw, 5.75rem);
  --step-display: clamp(2.75rem, 5.6vw, 4.75rem);
  --step-display-wide: clamp(2.5rem, 5.6vw, 4.75rem);
  --step-banner: clamp(2.1rem, 4.55vw, 4.25rem);
  --step-page: clamp(2.35rem, 4.3vw, 3.65rem);
  --step-section: clamp(2rem, 3.4vw, 3.1rem);
  --step-abbr: clamp(3.25rem, 6.6vw, 6rem);
  --step-metric: clamp(2.5rem, 4.4vw, 3.75rem);
  --step-metric-sm: clamp(1.75rem, 2.8vw, 2.5rem);
  --step-title: clamp(1.375rem, 1.6vw, 1.6rem);
  --step-lede: clamp(1.0625rem, 1.15vw, 1.25rem);
  --step-intro: 1.0625rem;
  --step-body: 1rem;
  --step-ui: 0.9375rem;
  --step-small: 0.875rem;
  --step-micro: 0.8125rem;
  --step-label: 0.75rem;
  --step-tag: 0.6875rem;

  /* Layout */
  --shell: 1240px;
  --gutter: clamp(20px, 5vw, 72px);
  --section: clamp(76px, 9vw, 136px);
  --header-h: 74px;

  /* Shape */
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-pill: 999px;

  /* Depth — warm-tinted, never neutral gray */
  --shadow-soft: 0 1px 2px rgba(23, 50, 79, 0.04), 0 12px 34px -18px rgba(23, 50, 79, 0.22);
  --shadow-menu: 0 24px 60px -26px rgba(23, 50, 79, 0.35), 0 2px 6px rgba(23, 50, 79, 0.05);
  --shadow-brand: 0 10px 26px -10px rgba(232, 105, 28, 0.5);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.42s;
}