/* Тема оформления: значения по умолчанию («заводские») — светлый минималистичный вид.
   Каждый токен можно переопределить в панели «Дизайн» суперадмина (php/views/theme.php кладёт изменённые значения в :root страницы),
   поэтому в остальных стилях цвета, шрифты и размеры берутся только отсюда. */
:root {
    /* акцент и шапка */
    --color-primary: #2563eb;
    --header-bg: #ffffff;
    --header-text: #111827;
    --header-image: none;

    /* поверхности и текст */
    --bg: #f6f7f9;                 /* фон страниц */
    --surface: #ffffff;            /* панели, окна, поля */
    --text: #111827;
    --text-muted: #6b7280;
    --border: #e5e7eb;

    /* состояния */
    --danger: #dc2626;
    --success: #16a34a;
    --warning: #d97706;

    /* карта */
    --canvas-bg: #e9edf2;
    --desk-occupied: #ffcd5f;
    --desk-free: #2ecc71;
    --desk-booking: #3498db;      /* бронируемое, свободно */
    --desk-booked: #e74c3c;       /* бронируемое, занято */
    --desk-mine: #8e44ad;         /* моя бронь */

    /* форма */
    --radius: 8px;
    --font: Inter, "Segoe UI", Roboto, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    --font-size: 14px;
    --control-h: 34px;
    --gap: 8px;
    --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
    --shadow-md: 0 8px 28px rgba(16, 24, 40, 0.14);

    /* Производные — пересчитываются из основных автоматически */
    --radius-lg: calc(var(--radius) * 1.5);
    --surface-2: color-mix(in srgb, var(--surface) 95%, var(--text));              /* лёгкая заливка: подсветка строки, плашки */
    --border-strong: color-mix(in srgb, var(--border) 80%, var(--text));           /* границы полей */
    --text-2: color-mix(in srgb, var(--text) 70%, var(--surface));                 /* второстепенный текст */
    --color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, black);
    --color-primary-ring: color-mix(in srgb, var(--color-primary) 18%, transparent);
    --color-primary-light: color-mix(in srgb, var(--color-primary) 9%, var(--surface));
    --danger-hover: color-mix(in srgb, var(--danger) 85%, black);
    --danger-light: color-mix(in srgb, var(--danger) 9%, var(--surface));
    --success-light: color-mix(in srgb, var(--success) 10%, var(--surface));
    --warning-light: color-mix(in srgb, var(--warning) 11%, var(--surface));
    --warning-border: color-mix(in srgb, var(--warning) 35%, var(--surface));
    --overlay: color-mix(in srgb, var(--text) 45%, transparent);
    --desk-occupied-border: #333333;
    --desk-free-border: color-mix(in srgb, var(--desk-free) 65%, black);
    --desk-booking-border: color-mix(in srgb, var(--desk-booking) 80%, black);
}