/*
 * Токены дизайн-системы «Аренда · UI».
 *
 * Источник — переменные Figma, файл KhNuFzmSFK54TmVevrG2gG, секция
 * «01 · Foundations» (171:208). Имена повторяют Figma: Color/Brand/Primary →
 * --color-brand-primary, radius/12 → --radius-12, space/16 → --space-16.
 * Значения не правятся здесь вручную: сначала в Figma, потом сюда
 * (docs/design/README.md, «Как обновлять»).
 */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/static/fonts/roboto-cyrillic.32886c5ec61a0d06.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/static/fonts/roboto-latin-ext.cdd53dc5576a79f3.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/static/fonts/roboto-latin.0a44e0bb6ba5c853.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Color · Light */
  --color-bg-base: #ffffff;
  --color-bg-subtle: #f8fafc;
  --color-border-default: #eaecf0;
  --color-border-active: #2563eb;
  --color-text-primary: #16181d;
  --color-text-secondary: #667085;
  --color-text-on-brand: #ffffff;
  --color-brand-primary: #2563eb;
  --color-brand-primary-hover: #1d4ed8;
  --color-brand-subtle: #eff6ff;
  --color-status-success: #15803d;
  --color-status-success-subtle: #ecfdf3;
  --color-status-warning: #b54708;
  --color-status-warning-subtle: #fff7e8;
  --color-status-error: #d92d20;
  --color-status-error-subtle: #fef3f2;

  /* Подложки: под оверлеем, под просмотром фото, под плашкой на фото */
  --color-scrim: rgba(22, 24, 29, 0.32);
  --color-scrim-strong: rgba(12, 14, 18, 0.92);
  --color-bg-badge: rgba(255, 255, 255, 0.94); /* REV · Benefit: белый, opacity 94 % */

  /* Calendar Day states: обводки заданы в компоненте, не переменными */
  --calendar-range-border: #b8cfff;

  /* Тени карточек (Catalog Card Interactive) */
  --shadow-card: 0 4px 12px rgba(20, 31, 51, 0.06);
  --shadow-card-hover: 0 10px 22px rgba(20, 31, 51, 0.15);
  --shadow-overlay: 0 16px 40px rgba(20, 31, 51, 0.16);

  /* Radius */
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-pill: 9999px;

  /* Space: базовый ритм 8 px */
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-48: 48px;
  --space-72: 72px;

  /* Grid: desktop 1440 — 12 колонок, поля 72, межколонник 24;
     mobile 390 — 4 колонки, поля 16, межколонник 16 */
  --grid-max: 1296px;
  --grid-margin: 72px;
  --grid-gutter: 24px;
  --grid-margin-mobile: 16px;
  --grid-gutter-mobile: 16px;
  --tap-min: 44px;

  /* Typography (Roboto) — size / line-height */
  --font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --text-display-xl: 700 44px/48px var(--font-family);
  --text-display-l: 700 40px/44px var(--font-family);
  --text-heading-l: 700 34px/40px var(--font-family);
  --text-heading-m: 700 26px/32px var(--font-family);
  --text-heading-s: 700 22px/28px var(--font-family);
  --text-title: 700 20px/26px var(--font-family);
  --text-metric: 700 24px/24px var(--font-family);
  --text-body-l: 400 18px/26px var(--font-family);
  --text-body: 400 16px/24px var(--font-family);
  --text-body-strong: 700 16px/24px var(--font-family);
  --text-button: 700 16px/20px var(--font-family);
  --text-body-s: 400 14px/20px var(--font-family);
  --text-label: 700 14px/20px var(--font-family);
  --text-caption: 400 13px/18px var(--font-family);
  --text-caption-s: 400 12px/16px var(--font-family);
  --text-micro: 400 10px/16px var(--font-family);

  /* Старые имена — ими пользуется админка (admin.css), пока она не
     переведена на систему. Новому коду их не использовать. */
  --bg: var(--color-bg-base);
  --fg: var(--color-text-primary);
  --muted: var(--color-text-secondary);
  --line: var(--color-border-default);
  --accent: var(--color-brand-primary);
  --accent-dark: var(--color-brand-primary-hover);
  --busy: var(--color-bg-subtle);
  --free: var(--color-status-success-subtle);
  --free-line: #bfe6cd;
  --radius: var(--radius-10);
  --maxw: 1100px;
}