/*
 * MedExpert AI — Visual brand tokens (source of truth)
 *
 * This file is the canonical source of truth for all MedExpert visual tokens.
 * The mockup copy at ui/mockups/brands/medexpert.css must be kept in sync with this file.
 *
 * Consumed by:
 *  - Mockups:    ui/mockups/brands/medexpert.css (copy — update both when changing)
 *  - Production: Jinja2 templates via the build pipeline (see memorybank/design/mockup-to-production.md)
 *
 * Load order: shared/tailwind.css → shared/base.css → this file (last, so tokens override DaisyUI defaults)
 * 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 paths (relative to ui/mockups/ when served locally) ── */
  --logo-primary:  none;   /* replace with url('../brands/medexpert/logo-primary.svg') */
  --logo-mark:     none;   /* replace with url('../brands/medexpert/logo-mark.svg') */
}