/* Brand 12acf124-243f-479f-b510-f4ee0783e2ac. */
:root:root {
  --app-bg: oklch(1 0 0);
  --app-border: oklch(0.922 0 0);
  --app-content: oklch(1 0 0);
  --app-control-border: oklch(0.922 0 0);
  --app-details: oklch(1 0 0);
  --app-focus: oklch(0.5 0.13 150);
  --app-icon: oklch(0.556 0 0);
  --app-indicator: oklch(0.5 0.13 150);
  --app-link: oklch(0.5 0.13 150);
  --app-on-primary: oklch(0.985 0 0);
  --app-primary: oklch(0.5 0.13 150);
  --app-primary-hover: oklch(0.5 0.13 150);
  --app-primary-pressed: oklch(0.5 0.13 150);
  --app-selected: oklch(0.97 0 0);
  --app-selected-hover: oklch(0.97 0 0);
  --app-sidebar: oklch(0.985 0 0);
  --app-sidebar-border: oklch(0.922 0 0);
  --app-sidebar-brand: oklch(0.985 0 0);
  --app-surface: oklch(0.97 0 0);
  --app-surface-hover: oklch(0.97 0 0);
  --app-text: oklch(0.145 0 0);
  --app-text-muted: oklch(0.556 0 0);
  --app-text-subtle: oklch(0.556 0 0);
}
:root:root.dark {
  --app-bg: oklch(0.145 0 0);
  --app-border: oklch(1 0 0 / 0.1);
  --app-content: oklch(0.145 0 0);
  --app-control-border: oklch(1 0 0 / 0.15);
  --app-details: oklch(0.205 0 0);
  --app-focus: oklch(0.62 0.15 150);
  --app-icon: oklch(0.708 0 0);
  --app-indicator: oklch(0.62 0.15 150);
  --app-link: oklch(0.62 0.15 150);
  --app-on-primary: oklch(0.145 0 0);
  --app-primary: oklch(0.62 0.15 150);
  --app-primary-hover: oklch(0.62 0.15 150);
  --app-primary-pressed: oklch(0.62 0.15 150);
  --app-selected: oklch(0.269 0 0);
  --app-selected-hover: oklch(0.269 0 0);
  --app-sidebar: oklch(0.205 0 0);
  --app-sidebar-border: oklch(1 0 0 / 0.1);
  --app-sidebar-brand: oklch(0.205 0 0);
  --app-surface: oklch(0.269 0 0);
  --app-surface-hover: oklch(0.269 0 0);
  --app-text: oklch(0.985 0 0);
  --app-text-muted: oklch(0.708 0 0);
  --app-text-subtle: oklch(0.708 0 0);
}