/* Общая палитра мини-приложения и личного кабинета. */
:root {
  color-scheme: only light;
  --brand-ink: #252931;
  --brand-text: #292e37;
  --brand-accent: #dfff00;
  --brand-muted: #647084;
  --brand-line: #dce3eb;
  --brand-paper: #ffffff;
  --brand-soft: #f2f5f8;
  --brand-warning: #fff5d6;
  --brand-danger: #ae3023;
  --brand-success: #187843;
  font-family: Arial, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { background: var(--brand-paper); color: var(--brand-text); }
:where(button, input, select, textarea, a):focus-visible { outline: 2px solid var(--brand-ink); outline-offset: 3px; }
:where(input, select, textarea) { accent-color: var(--brand-ink); }
button:disabled { cursor: not-allowed; opacity: .55; }
.brand-header {
  --text-secondary: #b4bfcc;
  border-radius: 22px; background: var(--brand-ink); color: white;
  padding: 25px 28px; margin-bottom: 20px;
}
.brand-eyebrow { color: #b4bfcc; font-size: 11px; letter-spacing: .09em; }
.brand-header h1 { font-size: 25px; line-height: 1.2; margin: 8px 0; color: white; }
.brand-header strong { color: var(--brand-accent); }
.brand-primary {
  font: inherit; font-size: 14px; font-weight: 600; padding: 12px 20px;
  border: 1px solid var(--brand-ink); border-radius: 10px;
  background: var(--brand-accent); color: var(--brand-ink); cursor: pointer;
}
.brand-footer { color: var(--brand-muted); font-size: 12px; border-top: 1px solid var(--brand-line); margin-top: 30px; padding-top: 16px; }
@media(max-width:650px) {
  .brand-header { border-radius: 17px; padding: 19px; }
  .brand-header h1 { font-size: 21px; }
  .brand-eyebrow { font-size: 10px; }
}