/* tokens.css — дизайн-токены портала +03 (светлая и тёмная тема). Названия --gold* сохранены ради общих компонентов; значения — фирменный зелёный. */
:root {
    color-scheme: light;

    /* Палитра */
    --gold:        #14B37D;
    --gold-deep:   #0E9F6E;
    --gold-ink:    #0A7D57;
    --gold-soft:   rgba(14,159,110,.16);
    --ink:         #141a22;
    --ink-2:       #1a2432;
    --ink-3:       #3d4757;
    --muted:       #5b6b7f;
    --muted-2:     #8b95a3;
    --line:        #e2e6ec;
    --line-soft:   #eef1f5;
    --line-strong: #cdd4dd;
    --bg:          #F4F5F7;
    --bg-soft:     #f8fafc;
    --card:        #ffffff;
    --card-2:      #f6f7f9;
    --ok:          #0a7d3f;
    --ok-soft:     rgba(10,125,63,.10);
    --danger:      #b91c1c;
    --danger-soft: #fdf2f2;
    --danger-tint: #fdf2f2;
    --danger-line: #f0c9c9;
    --warn-soft:   #f7e6c8;
    --warn-ink:    #8a5a00;
    --gold-soft2:  #c9f0e0;
    --gold-line:   #a6e3cc;
    --ok-soft2:    #d6f2e2;
    --ok-line:     #bfe3cd;
    --danger-soft2:#f8d9d9;
    --info-soft:   #eef4ff;
    --info-soft2:  #dbe8fd;
    --info-line:   #bfd6fb;
    --violet-soft: #f3eefe;
    --violet-soft2:#e6dcfd;
    --violet-line: #d9c9fb;
    --info:        #2563eb;
    --warn:        #b45309;
    --violet:      #7c3aed;

    /* Боковое меню */
    --sb-1:        #1AAE78;
    --sb-2:        #0B8A5E;
    --sb-ink:      #ffffff;
    --sb-ink-2:    rgba(255,255,255,.72);
    --sb-hover:    rgba(255,255,255,.14);
    --sb-active:   #ffffff;
    --sb-line:     rgba(255,255,255,.18);
    --sb-chip:     rgba(255,255,255,.18);

    /* Фирменный фоновый паттерн (мишки, капсулы, саше, сироп) */
    --vg-pattern: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22420%22 height=%22420%22 viewBox=%220 0 420 420%22%3E%3Cg fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22translate(30 28) rotate(-10)%22%3E%3Cpath d=%22M14 0h12v14h14v12H26v14H14V26H0V14h14z%22/%3E%3C/g%3E%3Cg transform=%22translate(200 40) rotate(28)%22%3E%3Crect x=%220%22 y=%220%22 width=%2252%22 height=%2220%22 rx=%2210%22/%3E%3Cpath d=%22M26 0v20%22/%3E%3C/g%3E%3Cg transform=%22translate(330 30)%22%3E%3Ccircle cx=%2218%22 cy=%2218%22 r=%2218%22/%3E%3Cpath d=%22M6 18h24M18 6v24%22/%3E%3C/g%3E%3Cg transform=%22translate(60 160) rotate(12)%22%3E%3Cpath d=%22M0 40C0 12 20 0 46 0c-2 26-14 42-46 40z%22/%3E%3Cpath d=%22M0 40C12 28 24 18 40 6%22/%3E%3C/g%3E%3Cg transform=%22translate(210 150)%22%3E%3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22/%3E%3Cpath d=%22M4 16h24%22/%3E%3Cpath d=%22M8 10a11 11 0 0 1 8-4%22/%3E%3C/g%3E%3Cg transform=%22translate(320 165) rotate(-15)%22%3E%3Cpath d=%22M22 40S2 26 2 12A10 10 0 0 1 22 8a10 10 0 0 1 20 4c0 14-20 28-20 28z%22/%3E%3C/g%3E%3Cg transform=%22translate(40 290)%22%3E%3Cpath d=%22M12 2h20v6l-6 8v26a4 4 0 0 1-4 4H22a4 4 0 0 1-4-4V16l-6-8z%22/%3E%3Cpath d=%22M18 28h8%22/%3E%3C/g%3E%3Cg transform=%22translate(180 300) rotate(-30)%22%3E%3Crect x=%220%22 y=%220%22 width=%2252%22 height=%2220%22 rx=%2210%22/%3E%3Cpath d=%22M26 0v20%22/%3E%3Cpath d=%22M8 10h10%22/%3E%3C/g%3E%3Cg transform=%22translate(320 300) rotate(8)%22%3E%3Cpath d=%22M14 0h12v14h14v12H26v14H14V26H0V14h14z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    /* Шрифты */
    --font-main:   'Manrope', system-ui, -apple-system, sans-serif;
    --font-hand:   'Caveat', cursive;

    /* Размеры */
    --radius-sm:   8px;
    --radius:      10px;
    --radius-lg:   14px;
    --radius-xl:   16px;
    --sb-w:        248px;
    --sb-w-min:    72px;

    /* Тени */
    --shadow-sm:   0 1px 2px rgba(20,26,34,0.06);
    --shadow:      0 4px 12px rgba(20,26,34,0.08);
    --shadow-lg:   0 8px 24px rgba(20,26,34,0.12);

    /* Z-index */
    --z-modal:     1000;
    --z-dropdown:  500;
    --z-sidebar:   100;
}

/* ================= ТЁМНАЯ ТЕМА ================= */
:root[data-theme="dark"] {
    color-scheme: dark;

    --gold:        #14B37D;
    --gold-deep:   #22C48F;
    --gold-ink:    #34D6A4;
    --gold-soft:   rgba(14,159,110,.14);
    --ink:         #e9eef5;
    --ink-2:       #dbe3ed;
    --ink-3:       #b9c4d2;
    --muted:       #9aa6b6;
    --muted-2:     #7c8798;
    --line:        #2b3542;
    --line-soft:   #222b36;
    --line-strong: #3b4757;
    --bg:          #0f141b;
    --bg-soft:     #131a22;
    --card:        #171e28;
    --card-2:      #1e2733;
    --ok:          #37d17f;
    --ok-soft:     rgba(55,209,127,.12);
    --danger:      #f87171;
    --danger-soft: #4b2626;
    --danger-tint: rgba(248,113,113,.10);
    --danger-line: rgba(248,113,113,.30);
    --warn-soft:   rgba(240,164,74,.16);
    --warn-ink:    #f0c26a;
    --gold-soft2:  rgba(14,159,110,.24);
    --gold-line:   rgba(14,159,110,.42);
    --ok-soft2:    rgba(55,209,127,.22);
    --ok-line:     rgba(55,209,127,.42);
    --danger-soft2:rgba(248,113,113,.20);
    --info-soft:   rgba(96,165,250,.12);
    --info-soft2:  rgba(96,165,250,.22);
    --info-line:   rgba(96,165,250,.42);
    --violet-soft: rgba(167,139,250,.12);
    --violet-soft2:rgba(167,139,250,.22);
    --violet-line: rgba(167,139,250,.42);
    --info:        #60a5fa;
    --warn:        #f0a44a;
    --violet:      #a78bfa;

    --vg-pattern: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22420%22 height=%22420%22 viewBox=%220 0 420 420%22%3E%3Cg fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22translate(30 28) rotate(-10)%22%3E%3Cpath d=%22M14 0h12v14h14v12H26v14H14V26H0V14h14z%22/%3E%3C/g%3E%3Cg transform=%22translate(200 40) rotate(28)%22%3E%3Crect x=%220%22 y=%220%22 width=%2252%22 height=%2220%22 rx=%2210%22/%3E%3Cpath d=%22M26 0v20%22/%3E%3C/g%3E%3Cg transform=%22translate(330 30)%22%3E%3Ccircle cx=%2218%22 cy=%2218%22 r=%2218%22/%3E%3Cpath d=%22M6 18h24M18 6v24%22/%3E%3C/g%3E%3Cg transform=%22translate(60 160) rotate(12)%22%3E%3Cpath d=%22M0 40C0 12 20 0 46 0c-2 26-14 42-46 40z%22/%3E%3Cpath d=%22M0 40C12 28 24 18 40 6%22/%3E%3C/g%3E%3Cg transform=%22translate(210 150)%22%3E%3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22/%3E%3Cpath d=%22M4 16h24%22/%3E%3Cpath d=%22M8 10a11 11 0 0 1 8-4%22/%3E%3C/g%3E%3Cg transform=%22translate(320 165) rotate(-15)%22%3E%3Cpath d=%22M22 40S2 26 2 12A10 10 0 0 1 22 8a10 10 0 0 1 20 4c0 14-20 28-20 28z%22/%3E%3C/g%3E%3Cg transform=%22translate(40 290)%22%3E%3Cpath d=%22M12 2h20v6l-6 8v26a4 4 0 0 1-4 4H22a4 4 0 0 1-4-4V16l-6-8z%22/%3E%3Cpath d=%22M18 28h8%22/%3E%3C/g%3E%3Cg transform=%22translate(180 300) rotate(-30)%22%3E%3Crect x=%220%22 y=%220%22 width=%2252%22 height=%2220%22 rx=%2210%22/%3E%3Cpath d=%22M26 0v20%22/%3E%3Cpath d=%22M8 10h10%22/%3E%3C/g%3E%3Cg transform=%22translate(320 300) rotate(8)%22%3E%3Cpath d=%22M14 0h12v14h14v12H26v14H14V26H0V14h14z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    --sb-1:        #1b232e;
    --sb-2:        #131a23;
    --sb-ink:      #e9eef5;
    --sb-ink-2:    rgba(233,238,245,.60);
    --sb-hover:    rgba(255,255,255,.07);
    --sb-active:   rgba(46,211,160,.16);
    --sb-line:     rgba(255,255,255,.09);
    --sb-chip:     rgba(255,255,255,.06);

    --shadow-sm:   0 1px 2px rgba(0,0,0,.40);
    --shadow:      0 4px 14px rgba(0,0,0,.45);
    --shadow-lg:   0 10px 30px rgba(0,0,0,.55);
}