/* Quinza — дизайн-токены (копия ~/Downloads/quinza-design-system.zip, tokens/tokens.css; источник правды — tokens.json).
   Без изменений, кроме одного: шрифты подключает assets/fonts/fonts.css (локально, без Google — правило проекта).
   Платформа и админка берут отсюда только значения; смысловые переменные и тёмная тема — в app.css. */

:root {
  --q-creme: #FFF7EC;
  --q-papel: #FFFBF5;
  --q-laranja: #E8643C;
  --q-laranja-texto: #C4471B;
  --q-noite: #1B1622;
  --q-petroleo: #0F5A57;
  --q-petroleo-claro: #D5E6E1;
  --q-sol: #F6B53D;
  --q-salmao: #F4A184;
  --q-areia: #F3E3D0;
  --q-tinta-2: #6B6259;
  --q-tinta-3: #8A7B6E;
  --q-branco: #FFFFFF;

  --q-font-display: 'Red Hat Display', 'Onest', sans-serif;
  --q-font-text: 'Onest', system-ui, -apple-system, sans-serif;

  --q-radius-xs: 6px;
  --q-radius-sm: 12px;
  --q-radius-md: 16px;
  --q-radius-lg: 20px;
  --q-radius-xl: 24px;
  --q-radius-phone: 44px;
  --q-radius-pill: 999px;
  --q-radius-tile: 7%;

  --q-space-1: 4px;
  --q-space-2: 8px;
  --q-space-3: 12px;
  --q-space-4: 16px;
  --q-space-5: 20px;
  --q-space-6: 24px;
  --q-space-8: 32px;
  --q-space-10: 40px;
  --q-space-12: 48px;
  --q-space-16: 64px;
  --q-space-18: 72px;

  --q-type-display-xl: 900 76px/0.95 var(--q-font-display);
  --q-tracking-display-xl: -2.5px;
  --q-type-display-l: 800 56px/1.02 var(--q-font-text);
  --q-tracking-display-l: -1.6px;
  --q-type-h1: 800 40px/1.05 var(--q-font-text);
  --q-tracking-h1: -1px;
  --q-type-h2: 800 30px/1.1 var(--q-font-text);
  --q-tracking-h2: -0.6px;
  --q-type-h3: 700 22px/1.2 var(--q-font-text);
  --q-tracking-h3: -0.3px;
  --q-type-body-l: 400 18px/1.5 var(--q-font-text);
  --q-tracking-body-l: 0px;
  --q-type-body: 400 16px/1.55 var(--q-font-text);
  --q-tracking-body: 0px;
  --q-type-small: 400 14px/1.5 var(--q-font-text);
  --q-tracking-small: 0px;
  --q-type-eyebrow: 700 12px/1.2 var(--q-font-text);
  --q-tracking-eyebrow: 2px;
  --q-type-word: 900 30px/1.05 var(--q-font-display);
  --q-tracking-word: -0.8px;

  /* семантика */
  --q-bg: var(--q-creme);
  --q-surface: var(--q-branco);
  --q-text: var(--q-noite);
  --q-text-muted: var(--q-tinta-2);
  --q-line: var(--q-areia);
  --q-brand: var(--q-laranja);
  --q-action: var(--q-noite);
  --q-action-text: var(--q-creme);
  --q-spark: var(--q-sol);
  --q-progress: var(--q-laranja);
  --q-progress-track: var(--q-areia);
  --q-leaf: var(--q-petroleo);
}