/* ADN Vocațional — generated from tokens.json */
:root, [data-theme="light"] {
  --petrol: #1D5D84;
  --petrol-deep: #0F2E44;
  --petrol-tint: #E8F0F5;
  --violet: #5D1BB9;
  --violet-hover: #4A1594;
  --violet-tint: #F1EBFA;
  --miere: #ECB83A;
  --miere-text: #8A6500;
  --miere-tint: #FDF3D8;
  --rosu: #E33727;
  --rosu-text: #A3261A;
  --rosu-tint: #FDECEA;
  --cer: #51BCFD;
  --cer-tint: #E7F6FF;
  --spectru-lamaie: #E7CD00;
  --spectru-rosu: #DC2713;
  --spectru-turcoaz: #18CACC;
  --spectru-indigo: #3B009C;
  --ink: #333333;
  --ink-soft: #5A5F66;
  --mut: #8F8F8F;
  --line: #E2E2E2;
  --paper: #F7F7F7;
  --white: #FFFFFF;
  --cream: #FFF7EC;
  --pilon-talente: var(--cer);
  --pilon-pasiuni: var(--miere);
  --pilon-valori: var(--violet);
  --pilon-motivatii: var(--rosu);
  --pilon-personalitate: var(--petrol);
  --focus-ring: var(--violet);
  --shadow-float: 0 14px 40px rgba(29, 93, 132, 0.14);
  --shadow-none: none;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 8px;
  --radius-field: 12px;
  --radius-card: 16px;
  --radius-frame: 22px;
  --radius-pill: 40px;
  --container: 1180px;
  --text-max: 68ch;
  --stroke-line: 2px;
  --font-head: "Quicksand", "Poppins", system-ui, sans-serif;
  --font-ui: "Poppins", "Segoe UI", system-ui, sans-serif;
}
.h1 { font-family: var(--font-head); font-size: 44px; line-height: 52px; font-weight: 700; }
.h2 { font-family: var(--font-head); font-size: 32px; line-height: 40px; font-weight: 600; letter-spacing: 0.02em; }
.h3 { font-family: var(--font-head); font-size: 22px; line-height: 30px; font-weight: 700; }
.stat { font-family: var(--font-head); font-size: 32px; line-height: 36px; font-weight: 700; }
.statement { font-family: var(--font-ui); font-size: 52px; line-height: 58px; font-weight: 700; letter-spacing: 0.02em; }
.lead { font-family: var(--font-ui); font-size: 19px; line-height: 31px; font-weight: 400; }
.body { font-family: var(--font-ui); font-size: 17px; line-height: 29px; font-weight: 400; }
.body-sm { font-family: var(--font-ui); font-size: 15px; line-height: 24px; font-weight: 400; }
.caption { font-family: var(--font-ui); font-size: 13px; line-height: 20px; font-weight: 400; }
.eyebrow { font-family: var(--font-ui); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: 0.16em; }
.button { font-family: var(--font-ui); font-size: 15px; line-height: 20px; font-weight: 500; letter-spacing: 0.02em; }
.quote { font-family: var(--font-ui); font-size: 20px; line-height: 32px; font-weight: 400; font-style: italic; }