/* Learn & Trade Hub — theme tokens (light). Black and red from the logo,
   green for the up candle. Read by assets/css/style.css. */
:root {
  --bg:        #FFFFFF;
  --bg-2:      #F6F6F4;
  --card:      #FFFFFF;
  --card-2:    #F1F0EE;
  --surface:   #FFFFFF;
  --line:      #E7E6E3;
  --line-2:    #D6D5D1;

  --ink:       #141518;
  --ink-2:     #55585F;
  --ink-3:     #7D8189;

  --accent:      #E0312F;   /* buttons, dots, step numbers */
  --on-accent:   #FFFFFF;
  --accent-ink:  #C42826;   /* red text and links on white */
  --accent-deep: #9E1F1D;
  --accent-soft: #FDEEEE;
  --accent-line: #F3C7C6;
  --grad-a:      #C42826;
  --grad-b:      #E8543A;
  --up:          #2FA84F;

  --wash-1:    #FDECEC;
  --wash-2:    #F4F4F2;
  --deep:      #141518;
  --shadow-c:  #141518;
  --coral:     #E5484D;
  --error-ink: #B8282E;

  --field:      #F8F8F7;
  --field-line: #DCDBD7;

  --radius:    18px;
  --radius-lg: 26px;
  --radius-sm: 12px;
  --shadow:    0 1px 2px rgba(20, 21, 24, .04), 0 12px 32px -12px rgba(20, 21, 24, .14);
  --shadow-lg: 0 2px 4px rgba(20, 21, 24, .04), 0 40px 80px -30px rgba(20, 21, 24, .30);
  --ease:      cubic-bezier(.2, .7, .2, 1);

  --font-body:    'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-display: 'Montserrat', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --h-track:  -.02em;
  --h1-track: -.035em;

  --logo-w: 66px;  --logo-h: 28px;
  --logo-w-sm: 56px; --logo-h-sm: 24px;
  --logo-track: .01em;
  --logo-amp: #E0312F;
  --mentor-focus: 40% 30%;

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

  color-scheme: light;
}
.logo-text small { color: var(--ink-3); letter-spacing: .28em; }
.logo-text strong { font-size: .98rem; font-weight: 900; }
.pill .dot { background: var(--up); box-shadow: 0 0 0 3px rgba(47, 168, 79, .22); }
.hero-portrait .badge .live { background: var(--up); box-shadow: 0 0 0 4px rgba(47, 168, 79, .25); }
@media (max-width: 440px) { .logo-text { display: none; } }