/*
 * UI · css/brand.css · brand colours (loaded last). Change the tokens below to re-colour the whole product.
 * Names live in js/core/brand.js, the logo mark in index.html (<symbol id="i-logo">).
 */
:root {
  --brand: #2456E6;          /* primary blue: buttons, links, active items */
  --brand-dark: #1C47BF;
  --brand-deep: #0B1533;     /* headings, sidebar */
  --brand-rgb: 36, 86, 230;  /* same as --brand, for rgba() */
  --side-bg: linear-gradient(180deg, #0A1633 0%, #0E1D45 100%);
  --accent: #2456E6;
  --accent-dark: #1C47BF;
  --amber: #F59E0B;
  --btn: #2456E6;
  --btn-dark: #1C47BF;
  --grad: linear-gradient(120deg, #2456E6, #3B82F6);
  --select: #E8EFFF;
  --select-soft: #F1F5FF;
  --select-line: #2456E6;
}

/* login page */
.story-vendor { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .3em; color: #9DB8FF; }
.login-story { background: linear-gradient(140deg, #0A1633 0%, #13286B 60%, #2456E6 130%) !important; }
.login-story::before { background: radial-gradient(circle at 80% 15%, rgba(59,130,246,.35), transparent 55%) !important; }
.logo-light .logo-text { color: #fff; }
.login-foot a { color: var(--brand); }
.btn-primary, .login-btn { background: var(--grad) !important; box-shadow: 0 6px 16px rgba(var(--brand-rgb), .28) !important; }
.appbar::after { display: none !important; }