/* Peacock design tokens — colours are candidates from the profile PDF vectors (see docs/DESIGN_SYSTEM.md) */
@font-face { font-family: "Granadia"; src: url("../fonts/Granadia-Book.b28e53157564.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Granadia"; src: url("../fonts/Granadia-Bold.278090672f13.ttf") format("truetype"); font-weight: 700; font-display: swap; }

:root {
  --emerald: #049D7D;
  --emerald-2: #1BA68A;
  --deep: #006F5F;
  --gold: #F6C330;
  --sun: #FFCC33;
  --navy: #002C51;
  --mint: #EAF9F8;
  --mint-2: #D5F1EC;
  --ink: #0B2433;
  --ink-2: #4A5C68;
  --line: #DCE9E7;
  --paper: #FFFFFF;
  --card: #FFFFFF;
  --note: #FFF6DA;
  --navy-tint: #E7EEF5;
  --ok-bg: #E3F7EF;
  --night: #061A17;        /* luxe dark sections (from the glass scenes) */
  --night-2: #0C2A25;
  --danger: #C2410C;
  --ok: #047857;

  --font: "Granadia", "Segoe UI", Tahoma, "Noto Sans Arabic", system-ui, sans-serif;
  --step--1: clamp(.82rem, .79rem + .15vw, .9rem);
  --step-0: clamp(1rem, .96rem + .2vw, 1.12rem);
  --step-1: clamp(1.2rem, 1.1rem + .5vw, 1.45rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --step-3: clamp(1.9rem, 1.5rem + 2vw, 3.1rem);
  --step-4: clamp(2.4rem, 1.7rem + 3.6vw, 4.8rem);
  --step-5: clamp(2.9rem, 1.8rem + 5.6vw, 6.6rem);

  --r-s: 10px; --r: 18px; --r-l: 28px; --r-xl: 40px;
  --shadow: 0 18px 50px -24px rgba(0, 44, 81, .35);
  --glass: linear-gradient(145deg, rgba(4,157,125,.92), rgba(0,111,95,.86));
  --wrap: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --ease: cubic-bezier(.2,.7,.2,1);
}