/* ============================================
   realm-healthcare.css
   ============================================
   Teal-emerald palette, soft rounded UI.
   Outfit font. Generous radii.
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Outfit', sans-serif;

    /* Core palette — teal / emerald */
    --background: oklch(0.98 0.005 165);
    --foreground: oklch(0.18 0.03 165);

    --card: oklch(1 0 0);
    --card-foreground: oklch(0.18 0.03 165);

    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.18 0.03 165);

    --primary: oklch(0.50 0.14 165);
    --primary-foreground: oklch(0.98 0 0);

    --secondary: oklch(0.95 0.008 165);
    --secondary-foreground: oklch(0.35 0.08 165);

    --muted: oklch(0.95 0.008 165);
    --muted-foreground: oklch(0.55 0.04 165);

    --accent: oklch(0.95 0.008 165);
    --accent-foreground: oklch(0.35 0.08 165);

    --destructive: oklch(0.55 0.20 27);
    --destructive-foreground: oklch(1 0 0);

    --border: oklch(0.87 0.015 165);
    --input: oklch(0.87 0.015 165);
    --ring: oklch(0.50 0.14 165);

    --radius: 0.625rem;

    /* Chart */
    --chart-1: oklch(0.55 0.16 165);
    --chart-2: oklch(0.60 0.14 185);
    --chart-3: oklch(0.50 0.12 145);
    --chart-4: oklch(0.65 0.10 200);
    --chart-5: oklch(0.45 0.08 155);

    /* Sidebar — teal gradient */
    --sidebar-background: oklch(0.42 0.10 165);
    --sidebar-foreground: oklch(0.95 0 0);
    --sidebar-primary: oklch(0.95 0 0);
    --sidebar-primary-foreground: oklch(0.35 0.10 165);
    --sidebar-accent: oklch(0.48 0.11 165);
    --sidebar-accent-foreground: oklch(0.95 0 0);
    --sidebar-border: oklch(0.38 0.09 165);
    --sidebar-ring: oklch(0.60 0.14 165);
}

html, body {
    font-family: 'Outfit', sans-serif;
}