/*
 * MedExpert AI brand tokens.
 * Source of truth: verticals/medexpert/brand.css (copy kept in sync)
 *
 * To register: { slug: 'medexpert', label: 'MedExpert AI' } in mockup.js BRANDS
 * Preview:     http://localhost:3000/01-001_chat.html?brand=medexpert
 */

:root,
[data-brand="medexpert"] {

  /* ── Identity ─────────────────────────────── */
  --site-name:    "MedExpert AI";
  --site-tagline: "Evidence-based answers from clinical literature";

  /* ── Colour palette ───────────────────────── */
  --palette-navy:     #1A3F6F;
  --palette-teal:     #2BB5A0;
  --palette-white:    #FFFFFF;
  --palette-offwhite: #F7F9FC;
  --palette-dark:     #1C1C1E;
  --palette-muted:    #5A7A9B;   /* navy-tinted mid-tone */
  --palette-border:   #D8E4EF;   /* navy-tinted slate */
  --palette-error:    #DC2626;
  --palette-success:  #16A34A;

  /* ── Semantic colour roles ────────────────── */
  --color-primary:        var(--palette-navy);
  --color-accent:         var(--palette-teal);
  --color-background:     var(--palette-white);
  --color-surface:        var(--palette-offwhite);
  --color-text:           var(--palette-dark);
  --color-text-muted:     var(--palette-muted);
  --color-border:         var(--palette-border);
  --color-error:          var(--palette-error);
  --color-success:        var(--palette-success);

  /* Derived hover/active states */
  --color-primary-hover:         color-mix(in srgb, var(--color-primary) 85%, black);
  --color-primary-subtle:        color-mix(in srgb, var(--color-primary) 10%, white);
  --color-text-on-primary:       #FFFFFF;
  --color-text-on-primary-muted: rgba(255, 255, 255, 0.65);

  /* ── Typography ───────────────────────────── */
  --font-base:     'Inter', system-ui, sans-serif;
  --font-headings: 'Inter', system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', 'Fira Code', monospace;

  /* ── Shape — slightly sharper than default ── */
  --radius-base:   0.375rem;
  --radius-lg:     0.625rem;
  --radius-full:   9999px;

  /* ── Shadows ──────────────────────────────── */
  --shadow-sm:     0 1px 2px 0 rgb(26 63 111 / 0.07);
  --shadow-md:     0 4px 6px -1px rgb(26 63 111 / 0.12), 0 2px 4px -2px rgb(26 63 111 / 0.08);

  /* ── Logo placeholders ────────────────────── */
  --logo-primary:  none;
  --logo-mark:     none;
}