/* app/resources/css/tokens.css
 * Liderra Forest design tokens (Iteration 1 — Quiet Luxury).
 * Spec: docs/superpowers/specs/2026-05-12-portal-redesign-quiet-luxury-design.md
 */
:root {
    /* ===== Палитра (12 токенов) ===== */
    --liderra-teal: #0F6E56;
    --liderra-teal-deep: #0A5A47;
    --liderra-noir: #012019;
    --liderra-ivory: #F6F3EC;
    --liderra-surface: #FFFFFF;
    --liderra-muted: #6B6356;
    --liderra-success: #2E8B57;
    --liderra-saffron: #D9A441;
    --liderra-error: #B83A3A;
    --liderra-info: #3F7C95;
    --liderra-plum: #7A5BA3;
    --liderra-salmon: #CC6E50;

    /* ===== Тонкие поверхности ===== */
    --liderra-line: rgba(1, 32, 25, 0.08);
    --liderra-line-strong: rgba(1, 32, 25, 0.14);

    /* ===== Spacing (4pt grid) ===== */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;
    --space-16: 64px;

    /* ===== Радиусы ===== */
    --radius-6: 6px;
    --radius-8: 8px;
    --radius-10: 10px;
    --radius-12: 12px;
    --radius-14: 14px;
    --radius-full: 999px;

    /* ===== Shadows (ambient + key, двухслойные) ===== */
    --shadow-1: 0 1px 2px rgba(1, 32, 25, 0.04);
    --shadow-2: 0 4px 12px rgba(1, 32, 25, 0.06), 0 1px 2px rgba(1, 32, 25, 0.04);
    --shadow-3: 0 12px 28px rgba(1, 32, 25, 0.10);
    --shadow-4: 0 24px 48px rgba(1, 32, 25, 0.16);
}