/* Generat din 04_sistem/tokens.json. NU se editeaza manual: se regenereaza. */
:root {
  --color-os: #F1EDE7;
  --color-alb: #FFFFFF;
  --color-espresso: #171412;
  --color-espresso-adanc: #241F1B;
  --color-piatra-calda: #A79C90;
  --color-grafit-cald: #6C645C;
  --color-filet: #DED7CD;
  --color-coral: #ED7169;
  --type-family-display: Big Shoulders Display;
  --type-family-promo: Big Shoulders Stencil Display;
  --type-family-body: Onest;
  --type-weight-regular: 400;
  --type-weight-medium: 500;
  --type-weight-semibold: 600;
  --type-weight-bold: 700;
  --type-size-micro: 11px;
  --type-size-legenda: 12px;
  --type-size-interfata: 13px;
  --type-size-corp: 15px;
  --type-size-h3: 24px;
  --type-size-h2: 39px;
  --type-size-h1: 63px;
  --type-size-h2m: 28px;
  --type-size-h1m: 34px;
  --type-size-promo: 165px;
  --type-size-promo-m: 63px;
  --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-none: 0px;
  --radius-s: 2px;
  --radius-m: 4px;
  --radius-pill: 999px;
  --background-dark: var(--color-espresso);
  --background-light: var(--color-os);
  --surface-placheta: var(--color-alb);
  --surface-panou-inchis: var(--color-espresso-adanc);
  --text-on-dark: var(--color-os);
  --text-on-light: var(--color-espresso);
  --text-secondary-on-light: var(--color-grafit-cald);
  --text-secondary-on-dark: var(--color-piatra-calda);
  --accent-primary: var(--color-coral);
  --border-default: var(--color-filet);
  --heading-h1: var(--type-size-h1);
  --heading-h2: var(--type-size-h2);
  --heading-h3: var(--type-size-h3);
  --heading-body: var(--type-size-corp);
  --line-hair: 1px;
  --line-rule: 2px;
  --promo-angle: -6deg;
}
