:root {
  --bg: #070707;
  --bg-2: #0d0d0d;
  --bg-3: #131313;
  --panel: rgba(14,14,14,.88);
  --panel-2: rgba(18,18,18,.96);
  --panel-3: rgba(11,11,11,.94);
  --text: #f2f2f2;
  --muted: #a8a6a0;
  --gold: #d6ab50;
  --gold-2: #f0cc7a;
  --line: rgba(214,171,80,.26);
  --line-strong: rgba(214,171,80,.5);
  --ok: #37d05e;
  --bad: #ff6b6b;

  --shell: min(1360px, calc(100% - 36px));
  --header-h: 72px;
  --body-size: 12px;

  --elyon-bg: #070707;
  --elyon-surface: #0d0d0d;
  --elyon-surface-2: #101010;
  --elyon-dark-1: #0b0b0b;
  --elyon-dark-2: #101010;
  --elyon-line: rgba(214,171,80,.14);
  --elyon-line-soft: rgba(214,171,80,.12);
  --elyon-line-strong: rgba(214,171,80,.30);
  --elyon-text: #f2f2f2;
  --elyon-muted: #a8a6a0;
  --elyon-gold: #d6ab50;
  --elyon-gold-soft: #f0cc7a;

  --webx-line: rgba(214,171,80,.14);
  --webx-line-strong: rgba(214,171,80,.3);
  --webx-surface: linear-gradient(180deg, rgba(14,14,14,.94), rgba(11,11,11,.98));

  --nav-header-h: 72px;
  --nav-brand-logo: 44px;
  --nav-brand-min: 190px;
  --nav-auth-w: 160px;
  --nav-link-h: 40px;
  --nav-link-px: 11px;
  --nav-link-fs: 14px;
  --nav-link-gap: 8px;
  --nav-corner: 14px;
}

html body.admin-page {
  --elyon-line-strong: rgba(214,171,80,.24);
}