/*
 * Theme tokens — Bamboo Breeze
 * Source: https://tweakcn.com/themes/cmoi9ftr0000404l718z1dr3x
 *
 * These custom properties override Basecoat's default (oklch) color
 * tokens defined in wwwroot/lib/basecoat/basecoat-mira.min.css. Values
 * here are expressed in rgb() per project preference.
 *
 * This file is the single swap-point for theming: to support multiple
 * user-selectable themes later, additional blocks like this one can be
 * added behind a `data-theme="..."` attribute on <html>, or this file's
 * :root/.dark selectors can be generated dynamically from stored
 * per-user theme data. For now it hard-codes the one theme requested.
 *
 * Dark mode is toggled by adding the `dark` class to <html> (Basecoat's
 * `@custom-variant dark (&:is(html.dark *))`); see the inline script in
 * _Layout.cshtml that sets this from the user's OS preference.
 */

:root {
  --background: rgb(251 252 245); /* #fbfcf5 */
  --foreground: rgb(28 42 41); /* #1c2a29 */
  --card: rgb(255 255 255); /* #ffffff */
  --card-foreground: rgb(28 42 41); /* #1c2a29 */
  --popover: rgb(255 255 255); /* #ffffff */
  --popover-foreground: rgb(28 42 41); /* #1c2a29 */
  --primary: rgb(78 125 122); /* #4e7d7a */
  --primary-foreground: rgb(251 252 245); /* #fbfcf5 */
  --secondary: rgb(230 229 217); /* #e6e5d9 */
  --secondary-foreground: rgb(28 42 41); /* #1c2a29 */
  --muted: rgb(240 240 231); /* #f0f0e7 */
  --muted-foreground: rgb(107 124 123); /* #6b7c7b */
  --accent: rgb(205 214 210); /* #cdd6d2 */
  --accent-foreground: rgb(28 42 41); /* #1c2a29 */
  --destructive: rgb(208 79 94); /* #d04f5e */
  --destructive-foreground: rgb(255 255 255); /* #ffffff */
  --border: rgb(227 227 220); /* #e3e3dc */
  --input: rgb(255 255 255); /* #ffffff */
  --ring: rgb(78 125 122); /* #4e7d7a */
  --chart-1: rgb(78 125 122); /* #4e7d7a */
  --chart-2: rgb(142 166 156); /* #8ea69c */
  --chart-3: rgb(205 214 210); /* #cdd6d2 */
  --chart-4: rgb(164 121 99); /* #a47963 */
  --chart-5: rgb(230 229 217); /* #e6e5d9 */
  --sidebar: rgb(248 249 241); /* #f8f9f1 */
  --sidebar-foreground: rgb(28 42 41); /* #1c2a29 */
  --sidebar-primary: rgb(78 125 122); /* #4e7d7a */
  --sidebar-primary-foreground: rgb(251 252 245); /* #fbfcf5 */
  --sidebar-accent: rgb(240 240 231); /* #f0f0e7 */
  --sidebar-accent-foreground: rgb(28 42 41); /* #1c2a29 */
  --sidebar-border: rgb(227 227 220); /* #e3e3dc */
  --sidebar-ring: rgb(78 125 122); /* #4e7d7a */
  --radius: 0.4rem;
  --font-sans: "Noto Sans JP", ui-sans-serif, sans-serif, system-ui;
  --font-serif: "Tenor Sans", Georgia, serif;
  --font-mono: "JetBrains Mono", "Courier New", monospace;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-color: rgb(28 42 41); /* #1c2a29 */
  --shadow-opacity: 0.05;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 8px;
}

.dark {
  --background: rgb(14 19 18); /* #0e1312 */
  --foreground: rgb(233 236 236); /* #e9ecec */
  --card: rgb(21 27 26); /* #151b1a */
  --card-foreground: rgb(233 236 236); /* #e9ecec */
  --popover: rgb(21 27 26); /* #151b1a */
  --popover-foreground: rgb(233 236 236); /* #e9ecec */
  --primary: rgb(110 168 163); /* #6ea8a3 */
  --primary-foreground: rgb(0 0 0); /* #000000 */
  --secondary: rgb(33 45 43); /* #212d2b */
  --secondary-foreground: rgb(233 236 236); /* #e9ecec */
  --muted: rgb(26 37 36); /* #1a2524 */
  --muted-foreground: rgb(147 165 164); /* #93a5a4 */
  --accent: rgb(74 93 90); /* #4a5d5a */
  --accent-foreground: rgb(233 236 236); /* #e9ecec */
  --destructive: rgb(242 121 132); /* #f27984 */
  --destructive-foreground: rgb(14 19 18); /* #0e1312 */
  --border: rgb(44 59 58); /* #2c3b3a */
  --input: rgb(21 27 26); /* #151b1a */
  --ring: rgb(110 168 163); /* #6ea8a3 */
  --chart-1: rgb(110 168 163); /* #6ea8a3 */
  --chart-2: rgb(166 199 185); /* #a6c7b9 */
  --chart-3: rgb(140 159 158); /* #8c9f9e */
  --chart-4: rgb(194 169 156); /* #c2a99c */
  --chart-5: rgb(78 125 122); /* #4e7d7a */
  --sidebar: rgb(18 23 22); /* #121716 */
  --sidebar-foreground: rgb(233 236 236); /* #e9ecec */
  --sidebar-primary: rgb(110 168 163); /* #6ea8a3 */
  --sidebar-primary-foreground: rgb(255 255 255); /* #ffffff */
  --sidebar-accent: rgb(26 37 36); /* #1a2524 */
  --sidebar-accent-foreground: rgb(233 236 236); /* #e9ecec */
  --sidebar-border: rgb(44 59 58); /* #2c3b3a */
  --sidebar-ring: rgb(110 168 163); /* #6ea8a3 */
  --radius: 0.625rem;
  --font-sans: Inter, ui-sans-serif, sans-serif, system-ui;
  --font-serif: Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-color: rgb(0 0 0); /* #000000 */
  --shadow-opacity: 0.4;
  --shadow-blur: 8px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 8px;
}