/*
 * Okoshko Design System — theme tokens
 * @see docs/26-design-system.md
 *
 * Семантика цвета:
 * — action (Sage Green): только кнопки действий (добавить, сохранить, подтвердить, создать запись)
 * — attention (Soft Apricot): привлечение внимания (ожидает подтверждения, выходной, блокировка)
 * — destructive (красный): удалить, отменить запись
 */

:root {
    /* Action — Sage Green, только кнопки действий */
    --color-action: #7BAE7F;
    --color-action-hover: #67976B;
    --color-on-action: #FFFFFF;

    /* Attention — Soft Apricot, статусы и предупреждения */
    --color-attention: #F4B183;
    --color-attention-hover: #E89A67;
    --color-on-attention: #FFFFFF;
    --color-attention-bg: #FDEEE0;
    --color-attention-text: #B8652F;
    --color-attention-border: rgba(244, 177, 131, 0.35);

    /* Destructive — red */
    --color-destructive: #DC2626;
    --color-destructive-hover: #B91C1C;
    --color-on-destructive: #FFFFFF;
    --color-destructive-bg: #FEF2F2;
    --color-destructive-text: #B91C1C;
    --color-destructive-border: rgba(220, 38, 38, 0.35);

    /* Aliases (legacy names in CSS) */
    --color-primary: var(--color-action);
    --color-primary-hover: var(--color-action-hover);
    --color-on-primary: var(--color-on-action);
    --color-accent: var(--color-attention);
    --color-accent-hover: var(--color-attention-hover);
    --color-danger: var(--color-destructive);
    --color-warning-bg: var(--color-attention-bg);
    --color-warning-text: var(--color-attention-text);
    --color-warning-border: var(--color-attention-border);
    --color-error-bg: var(--color-destructive-bg);
    --color-error-text: var(--color-destructive-text);

    /* Neutrals */
    --color-bg: #FAFAF8;
    --color-surface: #FFFFFF;
    --color-text: #1F2937;
    --color-muted: #64748B;
    --color-border: rgba(31, 41, 55, 0.12);
    --color-neutral-bg: #F3F4F2;
    --color-neutral-text: #4B5563;
    --color-overlay: rgba(31, 41, 55, 0.4);

    /* Sidebar active nav */
    --color-nav-active-bg: #E8F3E9;
    --color-nav-active-text: #67976B;

    /* Feedback (не кнопки действий) */
    --color-feedback-success-bg: #E8F3E9;
    --color-feedback-success-text: #67976B;

    /* Status badges */
    --status-new-bg: #FDEEE0;
    --status-new-text: #B8652F;
    --status-confirmed-bg: #E8F3E9;
    --status-confirmed-text: #67976B;
    --status-completed-bg: #E8F3E9;
    --status-completed-text: #556F58;
    --status-cancelled-bg: #FEE2E2;
    --status-cancelled-text: #991B1B;

    /* Brand */
    --color-brand: #7BAE7F;
    --font-brand: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    /* Auth card (login, register) */
    --auth-card-radius: 20px;
    --auth-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius: var(--radius-md);
    --radius-pill: 999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(31, 41, 55, 0.06);
    --shadow-md: 0 4px 12px rgba(31, 41, 55, 0.10);
    --shadow: var(--shadow-sm);

    /* Focus on полях ввода — нейтральный, не action green */
    --focus-ring: 0 0 0 2px rgba(31, 41, 55, 0.15);

    /* Typography */
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}