/* My Print Lab — единый источник палитры и тем.
   Бренд: ЧЁРНЫЙ + РОЗОВЫЙ НЕОН. Тёмная тема включена по умолчанию.
   Компоненты используют только семантические токены из этого файла, поэтому
   новые элементы автоматически поддерживают обе темы. */

:root {
  --brand-black:#0a0a0c;
  --brand-neon:#ff2d95;
  --brand-neon-deep:#d9166f;

  /* Тёмная тема — базовая и безопасная при недоступном JavaScript. */
  color-scheme:dark;
  --bg:#08080b; --surface:#111116; --surface-2:#1a1a21; --surface-raised:#202028;
  --border:#2b2b35; --border-strong:#41414d;
  --text:#f5f3f6; --text-muted:#aaa5af;
  --accent:var(--brand-neon); --accent-hover:#ff5aaa; --accent-active:#e8207e;
  --accent-fg:var(--brand-black); --accent-weak:#32101f; --accent-border:#6c2446;
  --accent-label:var(--brand-neon);
  --control-bg:var(--surface); --control-border:var(--border-strong);
  --control-hover:var(--surface-raised); --control-focus:var(--accent);
  --success:#7ee18f; --success-weak:#13271a; --success-border:#285a34;
  --info:#78c2ff; --info-weak:#102334; --info-border:#245179;
  --danger:#ff7373; --danger-weak:#3a1a1a; --muted-weak:#24242c;
  --muted-border:#41414d;

  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:ui-monospace,"Cascadia Code","SF Mono",Menlo,Consolas,monospace;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-8:48px;
  --radius:10px; --radius-sm:6px; --radius-full:999px;
  --shadow-1:0 1px 2px rgba(0,0,0,.5);
  --shadow-2:0 10px 30px rgba(0,0,0,.6);
  --ring:0 0 0 3px rgba(255,45,149,.26);
  --glow:0 0 18px rgba(255,45,149,.42);
  --backdrop:rgba(0,0,0,.68);
  --side:240px; --dur:160ms; --ease:cubic-bezier(.2,.6,.2,1);
}

:root[data-theme="dark"] {
  color-scheme:dark;
}

:root[data-theme="light"] {
  color-scheme:light;
  --bg:#f7f7f9; --surface:#ffffff; --surface-2:#f0f0f3; --surface-raised:#e8e8ed;
  --border:#dedee5; --border-strong:#c7c7d0;
  --text:#17151a; --text-muted:#68636d;
  --accent:var(--brand-neon-deep); --accent-hover:#bd0f5e; --accent-active:#a60d52;
  --accent-fg:#ffffff; --accent-weak:#ffe2f0; --accent-border:#f1a3c7;
  --accent-label:#a60d52;
  --control-bg:var(--surface); --control-border:var(--border-strong);
  --control-hover:var(--surface-2); --control-focus:var(--accent);
  --success:#176229; --success-weak:#edf8ef; --success-border:#b7ddbf;
  --info:#0f5c98; --info-weak:#edf6fd; --info-border:#b7d7ef;
  --danger:#c92a2a; --danger-weak:#fce8e8; --muted-weak:#ececf0;
  --muted-border:#d3d3db;
  --shadow-1:0 1px 3px rgba(18,16,22,.08);
  --shadow-2:0 14px 36px rgba(18,16,22,.14);
  --ring:0 0 0 3px rgba(217,22,111,.2);
  --glow:0 6px 18px rgba(217,22,111,.18);
  --backdrop:rgba(18,16,22,.48);
}