/* Medaverse — design tokens. ONE warm canvas, ONE green accent (split by contrast role). */
:root {
  /* --- brand accent: Medaverse green (from the "meda" wordmark) + grey ("verse") --- */
  --accent:          #5FC196;   /* BRIGHT: fills, icons, on-dark text, button bg (logo mint green) */
  --accent-text:     #1C8C5B;   /* DARK: links + small text on the cream canvas (contrast-safe) */
  --accent-hover:    #74D0AB;
  --accent-pressed:  #159A63;
  --accent-deep:     #14875A;   /* deep end for gradients / solid fills w/ white text */
  --accent-tint:     #E4F4EC;   /* faint green wash for chips */
  --on-accent:       #06331F;   /* near-black green ink for labels ON a bright-accent fill */
  --accent-on-dark:  #7FE6BB;   /* light, luminous green for text/links on the dark veils */
  --brand-green:     #69C79C;   /* exact logo "meda" green */
  --brand-grey:      #9A9A9B;   /* exact logo "verse" grey */

  /* --- one warm flat canvas. canvas == surface == cards --- */
  --background:      #FCF6EC;
  --surface:         #FCF6EC;
  --surface-raised:  #FCF6EC;
  --border:          #EAE0CE;
  --border-strong:   #D8CBB3;

  --text-primary:    #17201F;
  --text-secondary:  #56605E;
  --text-tertiary:   #8A928F;

  /* --- status --- */
  --success: #1E9E6A;  --warning: #D98A0B;  --error: #DA3B3E;

  /* --- tube cap colors (industry standard identifiers) --- */
  --cap-blue:   #3E86D6;
  --cap-red:    #D23B34;
  --cap-gold:   #E1A417;
  --cap-lav:    #A97FD0;
  --cap-violet: #7E52B0;
  --cap-grey:   #8B929C;
  --cap-black:  #333A42;

  /* --- type --- */
  --font-display: "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;
  --font-brand:   "Baloo 2", "Inter", system-ui, sans-serif;  /* rounded wordmark, matches the logo */

  --text-h1: 3.5rem; --text-h2: 2.5rem; --text-h3: 1.75rem; --text-h4: 1.25rem;
  --text-body: 1rem; --text-small: .875rem; --text-caption: .75rem;
  --radius: 12px;

  --shadow-card: 0 1px 2px rgba(20,30,30,.04), 0 10px 28px -14px rgba(15,40,40,.16);
  --shadow-raise: 0 2px 6px rgba(20,30,30,.05), 0 24px 48px -22px rgba(15,40,40,.24);
}