/* HMS Circle — theme tokens (dark). Black and champagne gold, matching the
   mentor's black-suit portrait. Read by assets/css/style.css. */
:root {
  --bg:        #0B0B0C;
  --bg-2:      #111113;
  --card:      #151517;
  --card-2:    #1C1C1F;
  --surface:   #19191C;
  --line:      #26262A;
  --line-2:    #36363C;

  --ink:       #F4F1EA;
  --ink-2:     #BAB5AA;
  --ink-3:     #8C887F;

  --accent:      #D4AF6A;   /* buttons, dots, step numbers */
  --on-accent:   #14110A;
  --accent-ink:  #E3C381;   /* gold text and links on black */
  --accent-deep: #EED7A4;
  --accent-soft: #221D14;
  --accent-line: #4B3F28;
  --grad-a:      #F3DDA8;
  --grad-b:      #C99A4E;

  --wash-1:    #1F1A10;
  --wash-2:    #121214;
  --deep:      #000000;
  --shadow-c:  #000000;
  --coral:     #F06A6E;
  --error-ink: #FF8E91;

  --field:      #111113;
  --field-line: #2F2F35;

  --radius:    16px;
  --radius-lg: 24px;
  --radius-sm: 12px;
  --shadow:    0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -12px rgba(0, 0, 0, .6);
  --shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 40px 80px -30px rgba(0, 0, 0, .8);
  --ease:      cubic-bezier(.2, .7, .2, 1);

  --font-body:    'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-logo:    'Cinzel', 'Playfair Display', Georgia, serif;
  --h-track:  -.01em;
  --h1-track: -.02em;

  --logo-w: 38px;  --logo-h: 38px;
  --logo-w-sm: 34px; --logo-h-sm: 34px;
  --logo-track: .12em;
  --mentor-focus: 50% 25%;

  --header-h:  68px;
  --mbar-h:    0px;

  color-scheme: dark;
}
h1, h2, h3, .display { font-weight: 700; }
.logo-text strong { font-weight: 700; font-size: 1.02rem; }
.logo-text small { color: var(--ink-3); letter-spacing: .32em; }
.btn-primary { background: linear-gradient(180deg, #E2C27F, #C99A4E); }
.btn-primary:hover { box-shadow: 0 10px 28px -10px rgba(212, 175, 106, .6); }
.hero-bg { background: radial-gradient(60% 60% at 85% 10%, rgba(212, 175, 106, .14) 0%, transparent 70%), radial-gradient(50% 50% at 0% 0%, rgba(255, 255, 255, .03) 0%, transparent 70%); }
.hero-bg::before { opacity: .45; }
.class-card .num { color: rgba(212, 175, 106, .08); }
.slide-stage { background: #0F0F11; }