/* Coffee Shop Launchpad – brand theme override
   Variables follow Chainlit's shadcn/ui pattern: H S% L% (no hsl() wrapper) */

/* Light mode */
:root {
  --background: 40 100% 99%;        /* #FFFDF9 cream */
  --foreground: 21 100% 5%;         /* #1C0A00 dark espresso */
  --card: 42 60% 90%;               /* #F5ECD7 light cream */
  --card-foreground: 21 100% 5%;
  --popover: 42 60% 90%;
  --popover-foreground: 21 100% 5%;
  --primary: 25 34% 33%;            /* #6F4E37 medium roast */
  --primary-foreground: 40 100% 99%;
  --secondary: 37 49% 86%;          /* #EDE0CB warm tan */
  --secondary-foreground: 21 100% 5%;
  --muted: 37 49% 86%;
  --muted-foreground: 30 51% 24%;   /* #5C3D1E */
  --accent: 34 79% 42%;             /* #C17817 caramel gold */
  --accent-foreground: 40 100% 99%;
  --border: 30 37% 70%;
  --input: 37 49% 86%;
  --ring: 34 79% 42%;
  --sidebar-background: 26 87% 9%;  /* #2C1503 dark espresso */
  --sidebar-foreground: 42 60% 90%;
  --sidebar-accent: 26 87% 14%;
  --sidebar-accent-foreground: 42 60% 90%;
  --sidebar-border: 30 51% 24%;
  --sidebar-ring: 34 79% 42%;
}

/* Chat input text colour matches page background */
textarea {
  color: hsl(40 100% 99%) !important;
}

/* Placeholder text — same warm tone, muted */
textarea::placeholder {
  color: hsl(40 60% 80% / 0.5) !important;
}

/* Expand header to fit large logo */
#header {
  height: 104px !important;
  min-height: 104px !important;
}

/* Hide light/dark mode toggle — light mode only */
#theme-toggle {
  display: none !important;
}

/* Dark mode */
.dark {
  --background: 21 100% 5%;         /* #1C0A00 very dark espresso */
  --foreground: 42 60% 90%;         /* #F5ECD7 cream */
  --card: 26 87% 9%;                /* #2C1503 dark espresso */
  --card-foreground: 42 60% 90%;
  --popover: 26 87% 9%;
  --popover-foreground: 42 60% 90%;
  --primary: 34 79% 42%;            /* #C17817 caramel gold */
  --primary-foreground: 40 100% 99%;
  --secondary: 26 87% 14%;
  --secondary-foreground: 42 60% 90%;
  --muted: 26 60% 16%;
  --muted-foreground: 37 49% 70%;
  --accent: 25 34% 33%;             /* #6F4E37 medium roast */
  --accent-foreground: 42 60% 90%;
  --border: 30 51% 24%;             /* #5C3D1E */
  --input: 26 87% 12%;
  --ring: 34 79% 42%;
  --sidebar-background: 21 100% 3%; /* near-black espresso */
  --sidebar-foreground: 42 60% 90%;
  --sidebar-accent: 26 87% 12%;
  --sidebar-accent-foreground: 42 60% 90%;
  --sidebar-border: 30 51% 20%;
  --sidebar-ring: 34 79% 42%;
}