/* One brand across website, client portal, admin console and designer: Aeonik, navy #00013f, blue->violet->magenta gradient. */
@font-face { font-family: 'Aeonik'; src: url('/images/Aeonik-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Aeonik'; src: url('/images/Aeonik-Medium.woff2') format('woff2'); font-weight: 500 600; font-display: swap; }
@font-face { font-family: 'Aeonik'; src: url('/images/Aeonik-Bold.woff2') format('woff2'); font-weight: 700 800; font-display: swap; }
:root {
  --brand: #5b3de0; --brand-600: #4a2fcb; --brand-700: #3b24a8; --brand-50: #f1edff; --brand-100: #e5deff;
  --accent: #c400ff; --blue: #1a3cff; --navy: #00013f; --ink: #0d1245;
  --grad: linear-gradient(135deg, #1a3cff 0%, #7b1fff 60%, #c400ff 100%);
}
html, body, button, input, select, textarea { font-family: 'Aeonik', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
body { color: var(--ink); }
.btn-primary { background: var(--grad); box-shadow: 0 6px 16px rgba(91, 61, 224, .32); }
.sidebar .nav-item.active { background: var(--brand-50); color: var(--brand-700); }
a { text-decoration-color: rgba(91, 61, 224, .35); }