/* ============================================================
   ПДА-Сеть · themes.css
   Токены 5 тем (ADR-0006) + эффекты пресетов (≤3 на тему).
   = tokens.css + effects.css выпуска r1, объединено в один файл.
   Правка по FTP → F5, сборка не требуется (ADR-0009).
   ПОРЯДОК СЕКЦИЙ НЕ МЕНЯТЬ: токены до эффектов, kordon — база :root.
   ============================================================ */

/* ---------- §1 · ТОКЕНЫ ТЕМ ---------- */

:root {
  --gap: 14px;
  --font-mono: "PT Mono", Consolas, monospace;
  --font-ui: "PT Sans Narrow", Arial, sans-serif;
}

/* КОРДОН (дефолт): бумага, штампы */
:root, [data-theme="kordon"] {
  --bg: #E9E3D2; --panel: #F3EEDF; --panel-2: #E2DBC6;
  --ink: #2B2620; --muted: #6E6656; --line: #B7AC92;
  --accent: #8E2B22; --accent-ink: #F3EEDF;
  --ok: #2F6B33; --warn: #A06A00; --danger: #8E2B22;
  --font-body: var(--font-mono); --font-head: var(--font-ui);
  --head-transform: none; --head-spacing: .06em; --radius: 2px;
}

/* ФОСФОР: КТР */
[data-theme="phosphor"] {
  --bg: #050A06; --panel: #0A130C; --panel-2: #0E1A10;
  --ink: #8CF08C; --muted: #4E8A50; --line: #1E3A22;
  --accent: #C8FF6E; --accent-ink: #061006;
  --ok: #8CF08C; --warn: #E8D44D; --danger: #FF7A66;
  --font-body: var(--font-mono); --font-head: var(--font-mono);
}

/* АНГАР: промзона */
[data-theme="hangar"] {
  --bg: #15171B; --panel: #1D2026; --panel-2: #242830;
  --ink: #CBD2DA; --muted: #7C838D; --line: #343A44;
  --accent: #E8A33D; --accent-ink: #191510;
  --ok: #79B45D; --warn: #E8A33D; --danger: #D9534F;
  --font-body: var(--font-mono); --font-head: var(--font-ui);
}

/* ДОЗОР: военный */
[data-theme="dozor"] {
  --bg: #171B12; --panel: #1D2317; --panel-2: #242B1C;
  --ink: #C6CFB0; --muted: #778262; --line: #39422C;
  --accent: #B7C48A; --accent-ink: #1B2012;
  --ok: #9DBB6A; --warn: #D9B03C; --danger: #C05B4D;
  --font-body: var(--font-ui); --font-head: var(--font-ui);
  --head-transform: uppercase; --head-spacing: .1em; --radius: 0;
}

/* ПИКНИК: нуар */
[data-theme="piknik"] {
  --bg: #0D0D10; --panel: #15151A; --panel-2: #1C1C22;
  --ink: #E8E6E1; --muted: #8A8880; --line: #2C2C34;
  --accent: #C9A227; --accent-ink: #141208;
  --ok: #9FBF7A; --warn: #C9A227; --danger: #C34A3A;
  --font-body: var(--font-mono); --font-head: var(--font-ui);
  --head-spacing: .16em;
}

/* ---------- §2 · ЭФФЕКТЫ ПРЕСЕТОВ ---------- */

/* КОРДОН: 1) бумажная фактура 2) штамп с наклоном 3) пунктирные разделители */
[data-theme="kordon"] body {
  background-image:
    repeating-linear-gradient(0deg, rgba(60,50,30,.04) 0 1px, transparent 1px 4px),
    radial-gradient(ellipse at 20% 0%, rgba(120,100,60,.08), transparent 60%);
}
[data-theme="kordon"] .stamp {
  transform: rotate(-2deg);
  outline: 1px solid var(--accent); outline-offset: 2px;
}
[data-theme="kordon"] hr { border: none; border-top: 2px dashed var(--line); }

/* ФОСФОР: 1) сканлайны 2) свечение заголовков 3) мерцание бренда */
[data-theme="phosphor"] body::after {
  content: ""; position: fixed; inset: 0; z-index: 999; pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,.25) 0 1px, transparent 1px 3px);
}
[data-theme="phosphor"] h1,
[data-theme="phosphor"] h2,
[data-theme="phosphor"] .brand {
  text-shadow: 0 0 8px rgba(140,240,140,.55);
}
@keyframes pda-flick {
  0%, 92% { opacity: 1; }
  93% { opacity: .7; } 95% { opacity: 1; } 97% { opacity: .8; } 100% { opacity: 1; }
}
[data-theme="phosphor"] .brand { animation: pda-flick 5s infinite steps(1); }

/* АНГАР: 1) сигнальная лента под заголовком панели 2) жёсткая тень кнопок 3) трафарет */
[data-theme="hangar"] .panel-head::after {
  content: ""; display: block; height: 5px; margin-top: 8px; opacity: .8;
  background: repeating-linear-gradient(-45deg, var(--accent) 0 9px, transparent 9px 18px);
}
[data-theme="hangar"] .btn { box-shadow: 3px 3px 0 rgba(0,0,0,.55); }
[data-theme="hangar"] .btn:active {
  transform: translate(2px, 2px); box-shadow: 1px 1px 0 rgba(0,0,0,.55);
}
[data-theme="hangar"] nav.top a,
[data-theme="hangar"] .panel-head {
  text-transform: uppercase; letter-spacing: .08em;
}

/* ДОЗОР: 1) уголки-скобки на панелях 2) линейки под заголовками 3) маркер активного пункта */
[data-theme="dozor"] .panel {
  background-image:
    linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)),
    linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink));
  background-repeat: no-repeat;
  background-size: 14px 2px, 2px 14px, 14px 2px, 2px 14px;
  background-position: top left, top left, bottom right, bottom right;
}
[data-theme="dozor"] h1,
[data-theme="dozor"] h2 {
  border-bottom: 2px solid var(--ink); padding-bottom: 4px;
}
[data-theme="dozor"] nav.top a.active { box-shadow: inset 0 -3px 0 var(--accent); }

/* ПИКНИК: 1) виньетка 2) зерно 3) серифные заголовки */
[data-theme="piknik"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 998; pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,.6) 100%);
}
[data-theme="piknik"] .panel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
}
[data-theme="piknik"] h1 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }