/* Copyright (c) 2026 ООО «ГерсаСофт». Все права защищены. */

/* Танго: кармен, чёрно-красное, золотые бегущие линии, резкие иконки. */



body.theme-tango {

  --ink: #fff1f2;

  --muted: #e7b4b8;

  --line: rgba(224, 177, 90, 0.28);

  --paper: rgba(28, 8, 12, 0.72);

  --select: rgba(196, 30, 58, 0.28);

  --blue: #e0b15a;

  --blue-dark: #c41e3a;

  --red: #c41e3a;

  --logo-line: #e0b15a;

  color: var(--ink);

  color-scheme: dark;

  background:

    radial-gradient(900px 520px at 80% 0%, rgba(196, 30, 58, 0.45), transparent 55%),

    radial-gradient(700px 480px at 0% 100%, rgba(90, 8, 18, 0.7), transparent 50%),

    repeating-linear-gradient(125deg, rgba(224, 177, 90, 0.05) 0 1px, transparent 1px 34px),

    linear-gradient(180deg, #1a070b, #2a0c12 50%, #12060a);

  background-attachment: fixed;

}

body.theme-tango .login,

body.theme-tango .login-brand,

body.theme-tango .login-form,

body.theme-tango .app { background: transparent; color: var(--ink); }

body.theme-tango .login-name {

  color: transparent;

  background: linear-gradient(90deg, #fff5f5, #e0b15a);

  -webkit-background-clip: text;

  background-clip: text;

  letter-spacing: 0.18em;

}

body.theme-tango .login-hint,

body.theme-tango .filebox,

body.theme-tango .theme-login { color: #e0b15a; }

body.theme-tango .login-card,

body.theme-tango .folders,

body.theme-tango .list-pane,

body.theme-tango .reader,

body.theme-tango .panel-card {

  background: rgba(28, 8, 12, 0.82);

  border: 1px solid rgba(224, 177, 90, 0.32);

  border-radius: 16px;

  color: #fff5f5;

  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);

}

body.theme-tango .login-card { padding: 28px 28px 22px; }

body.theme-tango .control {

  border: 1px solid rgba(224, 177, 90, 0.4);

  border-radius: 10px;

  padding: 8px 12px;

  background: rgba(0, 0, 0, 0.35);

}

body.theme-tango .control input,

body.theme-tango .control select { color: #fff5f5; }

body.theme-tango .control svg { fill: #e0b15a; }

body.theme-tango .control select option { background: #2a0c12; color: #fff5f5; }

body.theme-tango .eye,

body.theme-tango .eye svg { color: #e0b15a; stroke: #e0b15a; }

body.theme-tango .submit { background: #c41e3a; }

body.theme-tango .about { border-color: #e0b15a; color: #e0b15a; }

body.theme-tango .login-error { color: #fecaca; }

body.theme-tango .rail {

  background: linear-gradient(180deg, rgba(26, 7, 11, 0.94), rgba(42, 12, 18, 0.94));

  color: #e0b15a;

  border-right: 1px solid rgba(224, 177, 90, 0.28);

}

body.theme-tango .rail-btn { color: #fecdd3; }

body.theme-tango .rail-btn.is-on { background: rgba(196, 30, 58, 0.45); color: #fff; }

body.theme-tango .rail-btn svg,

body.theme-tango .folder-ico,

body.theme-tango .new-mail svg {

  stroke: #c41e3a;

  stroke-width: 2.15;

  stroke-linejoin: miter;

  filter: drop-shadow(0 0 4px rgba(224, 177, 90, 0.45));

}

body.theme-tango .rail .who { background: #c41e3a; color: #fff; }

body.theme-tango #neo-backdrop .trace { stroke: rgba(224, 177, 90, 0.2); }

body.theme-tango #neo-backdrop .pulse-line { stroke: #e0b15a; filter: drop-shadow(0 0 6px #c41e3a); }

body.theme-tango .cyber-logo .draw { stroke: #e0b15a; }

body.theme-tango .cyber-logo .slow { stroke: #c41e3a; }

body.theme-tango .list-head h1,

body.theme-tango .from,

body.theme-tango .read-subject { color: #fff5f5; }

body.theme-tango .new-mail { background: #c41e3a; color: #fff; border-radius: 10px; }

body.theme-tango .theme-menu { background: #2a0c12; color: #fff5f5; }