/* Generated by rootiest-icons scripts/make-themes.py from themes/pocket-id.css and themes/palette.toml: do not edit. */
:root {
  --background: #eff1f5;
  --foreground: #4c4f69;
  --card: #e6e9ef;
  --card-foreground: #4c4f69;
  --popover: #e6e9ef;
  --popover-foreground: #4c4f69;
  --primary: #dd7878 !important;
  --primary-foreground: #11111b !important;
  --secondary: #ccd0da;
  --secondary-foreground: #4c4f69;
  --muted: #ccd0da;
  --muted-foreground: #6c6f85;
  --accent: #ccd0da;
  --accent-foreground: #4c4f69;
  --destructive: #d20f39;
  --warning: color-mix(in srgb, #df8e1d 20%, #eff1f5);
  --warning-foreground: #4c4f69;
  --border: #ccd0da;
  --input: #bcc0cc;
  --ring: color-mix(in srgb, #dd7878 50%, transparent) !important;
  --chart-1: #1e66f5;
  --chart-2: #40a02b;
  --chart-3: #df8e1d;
  --chart-4: #8839ef;
  --chart-5: #d20f39;
  --sidebar: #e6e9ef;
  --sidebar-foreground: #4c4f69;
  --sidebar-primary: #dd7878;
  --sidebar-primary-foreground: #11111b;
  --sidebar-accent: #ccd0da;
  --sidebar-accent-foreground: #4c4f69;
  --sidebar-border: #ccd0da;
  --sidebar-ring: color-mix(in srgb, #dd7878 50%, transparent) !important;
}
.dark {
  --background: #1e1e2e;
  --foreground: #cdd6f4;
  --card: #181825;
  --card-foreground: #cdd6f4;
  --popover: #181825;
  --popover-foreground: #cdd6f4;
  --primary: #a6e3a1 !important;
  --primary-foreground: #11111b !important;
  --secondary: #313244;
  --secondary-foreground: #cdd6f4;
  --muted: #313244;
  --muted-foreground: #a6adc8;
  --accent: #313244;
  --accent-foreground: #cdd6f4;
  --destructive: #f38ba8;
  --warning: color-mix(in srgb, #f9e2af 20%, #1e1e2e);
  --warning-foreground: #cdd6f4;
  --border: #313244;
  --input: #45475a;
  --ring: color-mix(in srgb, #a6e3a1 50%, transparent) !important;
  --chart-1: #89b4fa;
  --chart-2: #a6e3a1;
  --chart-3: #f9e2af;
  --chart-4: #cba6f7;
  --chart-5: #f38ba8;
  --sidebar: #181825;
  --sidebar-foreground: #cdd6f4;
  --sidebar-primary: #a6e3a1;
  --sidebar-primary-foreground: #11111b;
  --sidebar-accent: #313244;
  --sidebar-accent-foreground: #cdd6f4;
  --sidebar-border: #313244;
  --sidebar-ring: color-mix(in srgb, #a6e3a1 50%, transparent) !important;
}

/* RootiestID (Pocket ID), linked into every page by the edges' Caddy (auth.rootiest.dev block). Pocket ID sets --primary,
   --primary-foreground, --ring and --sidebar-ring inline from its accent color setting; !important overrides that, so the
   accent follows the palette (Mocha green, Latte flamingo) whatever the setting says. */

/* The header beside the logo says "Settings" on every signed-in page (Pocket ID's header.svelte, an h1 tagged
   data-testid="application-name"; the text is drawn by the app, so Caddy cannot rewrite it). Hide that text and show the
   app's name instead (rootiest-infra #128). The size is Tailwind's text-2xl. The name is set in Fira Sans SemiBold, the
   font of the social cards, instead of the h1's Gloock. Pocket ID's CSP allows only same-origin fonts (font-src 'self'), so
   the font is a Basic Latin subset served beside this stylesheet (icons/themes/fonts/, docs/deployments.md). */
@font-face {
  font-family: "Rootiest Fira Sans";
  src: url("fonts/fira-sans-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
h1[data-testid="application-name"] {
  font-size: 0;
}
h1[data-testid="application-name"]::after {
  content: "RootiestID";
  font-family: "Rootiest Fira Sans", "Fira Sans", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}