/* =========================================================================
   tokens.css — copied 2026-04-25 from /srv/mycedhcoach/app/src/styles/tokens.css
   --------------------------------------------------------------------------
   Design tokens for the marketing landing at /var/www/landing/.
   If app tokens change, re-copy this file to keep palette parity.
   ========================================================================= */

:root,
:root[data-theme="dark"] {
  --bg-dark:        #0a0a0a;
  --bg-surface:     #111111;
  --bg-card:        #1a1a1a;
  --bg-hover:       #202020;

  --text-primary:   #ffffff;
  --text-secondary: #a0a0a0;
  --text-muted:     #606060;

  --accent:         #2ea8c7;
  --accent-strong:  #3fb8d8;
  --accent-soft:    rgba(46, 168, 199, 0.13);
  --accent-border:  rgba(46, 168, 199, 0.32);

  /* Secondary accent — light purple. Used for module-group "Research" + ";interoperability" callouts. */
  --accent-purple:        #a896e8;
  --accent-purple-strong: #b9a8ee;
  --accent-purple-soft:   rgba(168, 150, 232, 0.13);
  --accent-purple-border: rgba(168, 150, 232, 0.32);

  --sec:            #b84a4a;
  --sec-soft:       rgba(184, 74, 74, 0.14);

  --warn:           #d4a14a;
  --warn-soft:      rgba(212, 161, 74, 0.14);
  --danger:         #b84a4a;
  --danger-soft:    rgba(184, 74, 74, 0.14);

  --border:         #2a2a2a;
  --border-strong:  #383838;

  --font-display:   "Cinzel", serif;
  --font-body:      "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:      "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

:root[data-theme="light"] {
  --bg-dark:        #f7f7f7;
  --bg-surface:     #ffffff;
  --bg-card:        #ffffff;
  --bg-hover:       #f0f0f0;

  --text-primary:   #0a0a0a;
  --text-secondary: #505050;
  --text-muted:     #909090;

  --accent:         #1d7d92;
  --accent-strong:  #0e6378;
  --accent-soft:    rgba(29, 125, 146, 0.08);
  --accent-border:  rgba(29, 125, 146, 0.32);

  --accent-purple:        #6f5cb8;
  --accent-purple-strong: #5a4a9c;
  --accent-purple-soft:   rgba(111, 92, 184, 0.08);
  --accent-purple-border: rgba(111, 92, 184, 0.32);

  --sec:            #a03f3f;
  --sec-soft:       rgba(160, 63, 63, 0.08);

  --warn:           #b07820;
  --warn-soft:      rgba(176, 120, 32, 0.09);
  --danger:         #a03f3f;
  --danger-soft:    rgba(160, 63, 63, 0.08);

  --border:         #e5e5e5;
  --border-strong:  #cccccc;
}