/**
 * Loan Labs brand color values — applied on the shadcn-canonical token names.
 *
 * This file overrides the defaults from globals.css with the Loan Labs palette:
 *   - Violet primary, cream background, teal foreground (light mode)
 *   - Cool-neutral dark surface, lifted violet primary (dark mode)
 *
 * Token names are intentionally the shadcn-canonical set. The single Loan Labs
 * style deviation (pill-shaped Buttons) is applied in the Button component, not
 * in this file. See plans/would-it-be-more-dazzling-aurora.md.
 *
 * HSL: space-separated "H S% L%" for hsl(var(--token)).
 */

@layer base {
  :root {
    --background: 30 22% 98.6%;
    --foreground: 174 25% 15.7%;
    --card: 0 0% 100%;
    --card-foreground: 174 25% 15.7%;
    --popover: 0 0% 100%;
    --popover-foreground: 174 25% 15.7%;

    --primary: 251 70% 56%;
    --primary-foreground: 0 0% 100%;
    --ring: 251 70% 56%;

    --secondary: 32 14% 96.4%;
    --secondary-foreground: 174 25% 15.7%;
    --muted: 32 14% 96.4%;
    --muted-foreground: 40 10% 40%;
    --accent: 32 11% 93.5%;
    --accent-foreground: 174 25% 15.7%;
    --destructive: 0 70% 45%;
    --destructive-foreground: 0 0% 100%;
    --success: 152 55% 38%;
    --success-foreground: 0 0% 100%;
    --attention: 32 90% 48%;
    --attention-foreground: 0 0% 100%;
    --info: 210 92% 45%;
    --info-foreground: 0 0% 98%;

    --border: 42 15% 84%;
    --input: 42 15% 84%;

    --sidebar: 32 16% 97%;
    --sidebar-foreground: 174 25% 15.7%;
    --sidebar-primary: 251 70% 56%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 32 11% 93.5%;
    --sidebar-accent-foreground: 174 25% 15.7%;
    --sidebar-border: 42 15% 84%;
    --sidebar-ring: 251 70% 56%;
  }

  .dark {
    /*
     * Cool-neutral dark palette — hue 220 at low saturation. Reads as a
     * sophisticated near-black rather than teal. Complements the warm cream
     * light mode.
     */
    --background: 220 10% 10%;
    --foreground: 210 14% 94%;
    --card: 220 9% 13%;
    --card-foreground: 210 14% 94%;
    --popover: 220 9% 15%;
    --popover-foreground: 210 14% 94%;

    --primary: 251 80% 68%;
    --primary-foreground: 0 0% 100%;
    --ring: 251 80% 68%;

    --secondary: 220 8% 18%;
    --secondary-foreground: 210 14% 94%;
    --muted: 220 8% 16%;
    --muted-foreground: 215 10% 65%;
    --accent: 220 9% 20%;
    --accent-foreground: 210 14% 94%;
    --destructive: 0 62% 45%;
    --destructive-foreground: 0 0% 100%;
    --success: 152 50% 45%;
    --success-foreground: 0 0% 100%;
    --attention: 32 90% 55%;
    --attention-foreground: 0 0% 100%;
    --info: 216 87% 55%;
    --info-foreground: 0 0% 100%;

    --border: 220 8% 22%;
    --input: 220 8% 22%;

    --sidebar: 220 11% 8%;
    --sidebar-foreground: 210 14% 94%;
    --sidebar-primary: 251 80% 68%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 220 9% 20%;
    --sidebar-accent-foreground: 210 14% 94%;
    --sidebar-border: 220 8% 20%;
    --sidebar-ring: 251 80% 68%;
  }
}

@layer base {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /*
   * Noto Serif surfaces (.font-heading, .ds-page-title) — locked to weight 400.
   * The Loan Labs brand rule: serif text reads as editorial, never bolded.
   * Utilities like font-medium/font-semibold/font-bold cannot escalate the
   * weight; the !important rule below enforces it.
   */
  .ds-page-title {
    font-family: var(--font-heading), ui-serif, Georgia, "Times New Roman", serif;
    letter-spacing: -0.03em;
  }

  .font-heading,
  .ds-page-title {
    font-weight: 400 !important;
  }
}