/* Pathio Design System — Wayfarer. Единственный источник токенов для лендинга и дашборда. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
    /* Colors */
    --pathio-bg: #f6f4f0;
    --pathio-bg-elevated: #ffffff;
    --pathio-text: #1a1a1a;
    --pathio-text-secondary: #5c5c5c;
    --pathio-text-tertiary: #8a8a8a;
    --pathio-accent: #b8543a;
    --pathio-accent-hover: #9a4630;
    --pathio-accent-soft: rgba(184, 84, 58, 0.1);
    --pathio-border: #e5e2de;
    --pathio-overlay: rgba(26, 26, 26, 0.45);

    /* Legacy aliases for site-common (primary = accent) */
    --pathio-primary: var(--pathio-accent);
    --pathio-primary-hover: var(--pathio-accent-hover);
    --pathio-primary-soft: var(--pathio-accent-soft);

    /* Space & shape */
    --pathio-radius-sm: 10px;
    --pathio-radius: 14px;
    --pathio-radius-lg: 20px;
    --pathio-shadow: 0 2px 12px rgba(26, 26, 26, 0.06);
    --pathio-shadow-hover: 0 8px 24px rgba(26, 26, 26, 0.08);
    --pathio-nav-height: 56px;
    --pathio-container-max: 960px;
}