/* Дизайн-токены «Флэйм Падел» — палитра с flame-padel.ru.
   Единый источник цветов и типографики для веб-панелей (админка клуба и лендинги).
   Подключать вместе с fonts.css. */

:root {
  /* Фон и поверхности */
  --fp-bg:            #EEEEE5;  /* кремовый фон */
  --fp-surface:       #FFFFFF;
  --fp-surface-alt:   #F6F5EF;
  --fp-border:        #E3E1D6;

  /* Текст */
  --fp-ink:           #1B214C;  /* тёмно-синий — основной текст */
  --fp-ink-muted:     #5B6079;
  --fp-ink-subtle:    #8C91B7;  /* лавандовый */

  /* Акцент */
  --fp-accent:        #EB7046;  /* фирменный оранжевый */
  --fp-accent-dark:   #C0501C;  /* тёмный оранжевый для текста на светлом */
  --fp-accent-soft:   #FBE3D9;
  --fp-coral:         #F95D51;
  --fp-coral-light:   #FF8562;
  --fp-navy:          #1B214C;
  --fp-lavender:      #8C91B7;

  /* Статусы */
  --fp-success:       #2E9E5B;
  --fp-danger:        #D64545;
  --fp-info:          #3B82F6;

  /* Типографика */
  --fp-font-body:     'Gilroy', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fp-font-display:  'Spaceland', 'Gilroy', sans-serif;

  /* Радиусы */
  --fp-r-sm: 10px;
  --fp-r-md: 14px;
  --fp-r-lg: 20px;
}

/* Базовые правила для панели */
body.fp {
  background: var(--fp-bg);
  color: var(--fp-ink);
  font-family: var(--fp-font-body);
}
.fp h1, .fp h2, .fp h3, .fp .fp-display {
  font-family: var(--fp-font-display);
  letter-spacing: 0.3px;
  color: var(--fp-ink);
}
.fp .fp-btn {
  background: var(--fp-accent);
  color: #fff;
  border: none;
  border-radius: var(--fp-r-md);
  font-family: var(--fp-font-body);
  font-weight: 700;
}