/* ============================================================
   Blessin AI — Color tokens
   Monochrome neutral system (shadcn "base-nova", neutral base).
   Every hue channel is 0: the palette is pure grayscale, so a
   per-tenant brand color (set on the widget) is the ONLY chroma
   the product ever shows. Values are verbatim from the product's
   globals.css. Light is the default; .dark overrides.
   ============================================================ */

:root {
  /* --- Base surfaces & text --- */
  --background: oklch(1 0 0);            /* app canvas — white */
  --foreground: oklch(0.145 0 0);       /* primary text — near-black */
  --card: oklch(1 0 0);                 /* card surface */
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);              /* menus, dialogs, selects */
  --popover-foreground: oklch(0.145 0 0);

  /* --- Primary (solid dark actions) --- */
  --primary: oklch(0.205 0 0);          /* buttons, switches-on */
  --primary-foreground: oklch(0.985 0 0);

  /* --- Secondary (quiet fills) --- */
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);

  /* --- Muted (subtle bg + low-emphasis text) --- */
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0); /* captions, placeholders */

  /* --- Accent (hover fills) --- */
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);

  /* --- Destructive (errors, delete) --- */
  --destructive: oklch(0.577 0.245 27.325);

  /* --- Lines & focus --- */
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);

  /* --- Chart ramp (neutral, light→dark) --- */
  --chart-1: oklch(0.87 0 0);
  --chart-2: oklch(0.556 0 0);
  --chart-3: oklch(0.439 0 0);
  --chart-4: oklch(0.371 0 0);
  --chart-5: oklch(0.269 0 0);

  /* --- Sidebar / admin chrome --- */
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);

  /* --- Brand accent — “Ember Owl” (chosen direction 2b) --- */
  --brand-coral: #EF6A4B;   /* lead brand color — launcher, header, mascot */
  --brand-ember: #C2492F;   /* AA interactive accent — links, CTAs, visitor bubbles */
  --brand-blush: #FDEDE8;   /* tint — washes, hover fills, marketing backgrounds */
  --brand-sage: #0E9F6E;    /* trust signal — online dot, verified/citation chips */
  --brand-pine: #0B7A54;    /* deep trust — text-on-light trust accents */
  --brand-amber: #F0A62B;   /* spark — the mascot's beak, tiny highlights only */
  --brand-eye: #57281C;     /* mascot pupil ink */

  /* --- Widget default brand color (per-tenant override at runtime) --- */
  --brand-default: var(--brand-coral);   /* Blessin default widget theme */

  /* --- Widget zinc scale (custom light UI inside the iframe) --- */
  --zinc-100: #f4f4f5;
  --zinc-200: #e4e4e7;
  --zinc-300: #d4d4d8;
  --zinc-400: #a1a1aa;
  --zinc-500: #71717a;
  --zinc-600: #52525b;
  --zinc-900: #18181b;
  --widget-online: #4ade80;   /* green-400 online dot */
  --widget-success-bg: #ecfdf5;  /* emerald-50 */
  --widget-success-fg: #065f46;  /* emerald-800 */
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.922 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.556 0 0);
  --chart-1: oklch(0.87 0 0);
  --chart-2: oklch(0.556 0 0);
  --chart-3: oklch(0.439 0 0);
  --chart-4: oklch(0.371 0 0);
  --chart-5: oklch(0.269 0 0);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.556 0 0);
}