/* Adams Detailing — токены дизайн-системы.
   Источник: https://claude.ai/artifact/EA8LXYJaVpa5tj2ChozRTq (project/tokens.json)
   Тема night — основная для страницы. Тема cream — модификатор .theme-cream на секции-паузе. */

:root {
  color-scheme: dark;

  /* Цвет — тема night */
  --ground: #121110;
  --surface: #1b1a18;
  --surface-raised: #262421;
  --ink: #ece4d6;
  --muted: #a39c91;
  --accent: #bf9f80;
  --graphite: #2b2825;
  --cream: #ece4d6;
  --hairline: rgba(236, 228, 214, 0.14);
  --hairline-strong: rgba(236, 228, 214, 0.42);
  --signal: #9dbb97;

  /* Витрина услуг: светлый «лист» на тёмном фоне */
  --paper: #ece4d6;

  /* Вне тем — бронза из логотипа как заливка */
  --bronze: #a8896c;
  --on-bronze: #121110;

  /* Вне тем — содержимое кремового листа всегда читается по графиту */
  --paper-ink: #1c1a18;
  --paper-muted: #5e574e;
  --paper-accent: #7a5e43;
  --paper-line: rgba(28, 26, 24, 0.16);
  --photo-ground: #141312;

  /* Типографика */
  --font-display: Unbounded, "Arial Black", system-ui, sans-serif;
  --font-sans: Manrope, "Helvetica Neue", Arial, system-ui, sans-serif;

  /* Пространство */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 120px;

  /* Форма */
  --radius-sm: 8px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --radius-round: 50%;

  /* Глубина — через surface и hairline, не тени */
  --shadow-none: none;
}

/* Тема cream — светлые секции-паузы (о студии, отзывы) */
.theme-cream {
  color-scheme: light;
  --ground: #ece4d6;
  --surface: #f4eee3;
  --surface-raised: #fbf8f2;
  --ink: #1c1a18;
  --muted: #5e574e;
  --accent: #7a5e43;
  --graphite: #1c1a18;
  --cream: #d9cdb8;
  --hairline: rgba(28, 26, 24, 0.16);
  --hairline-strong: rgba(28, 26, 24, 0.5);
  --signal: #3f6b3b;
  --paper: #fbf8f2;
}