/* FoodFlow Design System — Shared Tokens (тема «Базилик и томат», направление 1b) */
/* Import: <link rel="stylesheet" href="/css/tokens.css"> */

@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600;700;800&family=Onest:wght@400;500;600;700&display=swap');

:root {
  /* ── Admin Palette (Базилик и томат) ── */
  --admin-sidebar-bg:      #FFFDF7;
  --admin-sidebar-border:  #EAE2CE;
  --admin-sidebar-active-bg: #E7F1E9;
  --admin-sidebar-active-bar: #2E7D4F;
  --admin-content-bg:      #F6F1E4;
  --admin-card-bg:         #FFFDF7;
  --admin-border:          #E0D6BE;
  --admin-topbar-bg:       #FFFDF7;
  --admin-topbar-border:   #EAE2CE;

  /* ── Customer Palette ── */
  --customer-bg:           #FFFDF7;
  --customer-bg-subtle:    #F6F1E4;
  --customer-accent:       #2E7D4F;
  --customer-accent-hover: #256B42;

  /* ── Shared Colors ── */
  --color-primary:         #2E7D4F;
  --color-primary-hover:   #256B42;
  --color-primary-light:   #E7F1E9;

  --color-text-primary:    #23201A;
  --color-text-dark:       #23201A;
  --color-text-secondary:  #8C8474;
  --color-text-disabled:   #B0A793;
  --color-text-inverse:    #FFFDF7;
  --color-text-placeholder: #8C8474;

  /* Томатный — акцент и опасные действия */
  --color-accent:          #D94F30;
  --color-accent-hover:    #B23F26;
  --color-accent-light:    rgba(217, 79, 48, 0.12);

  --color-success:         #2E7D4F;
  --color-success-light:   #E7F1E9;
  --color-danger:          #D94F30;
  --color-danger-light:    rgba(217, 79, 48, 0.14);
  --color-warning:         #F0C93B;
  --color-warning-light:   rgba(240, 201, 59, 0.22);
  --color-info:            #8A6D1A;
  --color-info-light:      rgba(240, 201, 59, 0.18);

  --color-grey-3:          #E0D6BE;
  --color-grey-4:          #CFC6B0;
  --color-grey-5:          #8C8474;

  /* ── Typography ── */
  --font-family:        'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-logo:   'Bitter', Georgia, serif;
  --font-family-heading: 'Bitter', Georgia, serif;
  --font-size-xs:       12px;
  --font-size-sm:       13px;
  --font-size-md:       14px;
  --font-size-base:     16px;
  --font-size-lg:       18px;
  --font-size-xl:       24px;
  --font-size-2xl:      32px;
  --font-size-kpi:      46px;

  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  --line-height-tight:  1.2;
  --line-height-normal: 1.5;

  /* ── Spacing ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ── Border Radius ── */
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-pill: 58px;
  --radius-full: 9999px;

  /* ── Shadows (тёплые чернильные) ── */
  --shadow-card:  0px 4px 4px rgba(35, 32, 26, 0.06);
  --shadow-hover: 0px 8px 16px rgba(35, 32, 26, 0.10);
  --shadow-modal: 0 20px 40px rgba(35, 32, 26, 0.16);

  /* ── Transitions ── */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
}

/* ── Глобальные правила темы (подключаются всеми страницами) ── */
h1, h2, h3, .page-title, .modal-title, .card-title, .brand-title {
  font-family: var(--font-family-heading) !important;
}

/* Белые карточки прошлой темы → тёплая поверхность */
body {
  background: var(--admin-content-bg);
}