/* Одного поля · local design-system draft, 10 November 2026.
 * Brand values read from the owner's Figma Colors board (node 2019:2).
 * Semantic roles and night values are our adaptation, not exported Sigma tokens.
 */
:root {
  --brand-orange:#fa5a00;
  --brand-blue:#015fc8;
  --brand-pink:#ff87eb;
  --brand-yellow:#ffd25a;
  --brand-sky:#91c3fa;
  --brand-green:#008250;
  --gradient-personal:linear-gradient(135deg,#fa5a00 0%,#ff9c35 49%,#ffd25a 100%);
  --gradient-project:linear-gradient(140deg,#015fc8 0%,#729fee 46%,#ff87eb 100%);
  --glass-card:linear-gradient(125deg,#ffffff80 0%,#ffffff42 48%,#ffffff65 100%);
  --glass-panel:linear-gradient(115deg,#ffffffb8,#ffffff66 45%,#fff4ec9c);
  --glass-selected:linear-gradient(125deg,#ffffffe0,#ffffff55);
  --action-bg:#181818;--on-action:#fff;
  --category-tools:#b63d00;--category-knowledge:#015fc8;--category-about:#a52e83;
  --surface-base:#faf5f0;
  --surface-orange:#ffe6d8;
  --surface-blue:#d8eaff;
  --surface-pink:#ffe2fa;
  --surface-yellow:#fff4c2;
  --surface-sky:#e7f3ff;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
  --radius-card:20px;--radius-control:12px;--radius-inner:16px;--radius-pill:999px;
  --page:var(--surface-base);--bg:#ffffff;--ink:#242321;--secondary:#53514e;--muted:#72706d;
  --line:#e7e3df;--soft:#f5f2ef;--control:#fdfbf9;
  --accent:var(--brand-orange);--on-accent:#301400;--accent-soft:var(--surface-orange);--accent-ink:#a43900;
  --nav:#f6f2efee;--nav-active:#e4e2e0;--glass:#fffffff5;
  --focus:var(--brand-orange);
}
:root[data-theme=night] {
  --page:#111214;--bg:#191a1d;--ink:#f3f1ee;--secondary:#cbc8c4;--muted:#a9a5a0;
  --line:#36373d;--soft:#27282d;--control:#222328;
  --accent:#ff7a33;--on-accent:#301400;--accent-soft:#41291e;--accent-ink:#ffad7d;
  --nav:#292a30ed;--nav-active:#41434c;--glass:#191a1df5;
  --focus:#ffad7d;
  --glass-panel:linear-gradient(115deg,#2b2e3dd9,#1a1d27cc 45%,#392a3dd9);
  --glass-selected:linear-gradient(125deg,#ffffff1f,#ffffff0a);
}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-color:var(--focus)}
.personal-art{background:var(--gradient-personal)}.project-art{background:var(--gradient-project)}
.service-art{border-radius:var(--radius-card)}.paper-card{border-radius:var(--radius-inner)}
.personal-art .art-footer,.personal-art .art-cta{color:var(--on-accent)}
.personal-art .art-cta{background:#ffffff73}.personal-art:before,.personal-art:after{background:#ffffff29}
.project-art .art-cta{background:#ffffff24}
.paper-card .online{color:#666; font-weight:500}
.black-button{border-radius:var(--radius-control);background:var(--action-bg);color:var(--on-action)}
.black-button:hover:not(:disabled){filter:brightness(.96)}.black-button:disabled{background:var(--soft);color:var(--muted);opacity:1}
.answer-option{border-radius:var(--radius-control)}.answer-option[aria-checked=true]{background:var(--accent-soft);border-color:var(--accent)}.answer-option[aria-checked=true] span{background:var(--accent);border-color:var(--accent)}.answer-option[aria-checked=true] span:after{background:var(--on-accent)}
.progress-track span{background:var(--accent)}
.filter-tabs button[aria-pressed=true]{background:transparent;color:var(--ink);font-weight:550}
.filter-tabs button[data-category=all][aria-pressed=true]{background:#202020;color:#fff}
.bottom-nav button.active{color:var(--ink)}
.visitor-avatar{background:var(--surface-yellow);color:#6e4711;box-shadow:inset 0 0 0 1px #e3c77870}
.theme-switch{--switch-width:64px;width:var(--switch-width);height:34px;background:var(--gradient-personal);border:1px solid #ffffff96;box-shadow:inset 0 1px 2px #ffffff73,0 2px 8px #c94c0012;isolation:isolate}
.theme-knob{background:linear-gradient(140deg,#e96216,#b6440c);border:1px solid #ffffff75;box-shadow:inset 0 1px 2px #ffffff50,0 1px 4px #713c2436;backdrop-filter:blur(8px);transform:translateX(0)}
.theme-sun{stroke:#fff;filter:none}.theme-stars{color:#fff}
:root[data-theme=night] .theme-switch{background:var(--gradient-project);border-color:#c1d5ff78}
:root[data-theme=night] .theme-knob{background:linear-gradient(140deg,#0464c9,#7752ac);border:1px solid #ffffff80;transform:translateX(calc(var(--switch-width) - 34px));box-shadow:inset 0 1px 2px #ffffff45,0 1px 5px #16193540}
:root[data-theme=night] .theme-moon{stroke:#fff}
.preview-experience{background:var(--surface-orange)}.preview-brain{background:var(--surface-blue)}.preview-promotion{background:var(--surface-yellow)}
:root[data-theme=night] .preview-experience{background:#41291e;color:#f9e9e1}:root[data-theme=night] .preview-brain{background:#21354e;color:#e8f0fa}:root[data-theme=night] .preview-promotion{background:#3d3521;color:#fbf1d5}
.custom-field textarea,.request-field textarea,.search-panel input,.search-panel select{border-radius:var(--radius-control)}
@media(max-width:359px){.theme-switch{--switch-width:58px}}