@import "@fontsource-variable/inter/wght.css";

/* Neutral base values applied to every theme. Since classic is the base
   theme, `.theme-classic` is defined here too. Per-theme overrides go in
   their own files (e.g. `alby.css`, `bitcoin.css`). */
:root,
.theme-classic {
  --app-font-sans: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --radius: 0.625rem;

  /* Logo colors */
  --logo-ink: #202020;
  --logo-accent: #ffc800;

  /* App colors */
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: var(--primary);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --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: var(--primary);

  /* Custom colors */
  --positive: oklch(0.977 0.019 155.487);
  --positive-foreground: oklch(0.623 0.169 149.178);
  --warning: oklch(0.976 0.016 73.092);
  --warning-foreground: oklch(0.645 0.192 41.712);
  --payment-lightning: #ffdf6f;
  --payment-onchain: #fb923c;
  --qr-foreground: #242424;
  --qr-background: #ffffff;
}

.dark,
.theme-classic.dark {
  /* Logo colors */
  --logo-ink: #ffffff;
  --logo-accent: #ffe480;

  /* App colors */
  --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.269 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.371 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: var(--primary);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.985 0 0);
  --sidebar-primary-foreground: oklch(0.205 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: var(--primary);

  /* Custom colors */
  --positive: oklch(0.337 0.062 151.532);
  --positive-foreground: oklch(0.859 0.14 152.167);
  --warning: oklch(0.318 0.035 71.647);
  --warning-foreground: oklch(0.848 0.117 72.544);
  --payment-lightning: #ffdf6f;
  --payment-onchain: #fb923c;
  /* QR codes stay dark-on-light even in dark mode: many scanner apps
     (e.g. Phoenix) cannot read inverted QR codes */
  --qr-foreground: #242424;
  --qr-background: #ffffff;
}