/* RetroBase darkTheme, built by the app (src/lib/theme-css.ts). Defaults in
   src/lib/theme-defaults.ts; 0 edited by an admin (Admin Tools > Edit Themes). */
:root {
  color-scheme: dark;

  /* Base */
  --background: #04060f;
  --surface: #0c1840;
  --foreground: #e6f6ff;
  --muted: #8fb3c9;
  --border: hsla(188.2, 100%, 72.8%, 0.22);
  --border-strong: #3f72e0;
  --accent: #74ecff;
  --hover: hsla(188.2, 100%, 72.8%, 0.12);
  --placeholder: #6f8fb0;
  --icon: #bdfcfc;
  --overlay: hsla(230, 75%, 3.1%, 0.72);
  --danger: #d6454a;
  --danger-hover: #e2585d;
  --danger-disabled: #6b2a33;
  --danger-text: #ff9fa1;
  --info-bg: hsla(188.2, 100%, 72.8%, 0.08);
  --info-text: #bdfcfc;

  /* Buttons */
  --btn-primary-bg: linear-gradient(180deg, #ffb838 0%, #f58a1c 55%, #ea6f10 100%);
  --btn-primary-bg-hover: linear-gradient(180deg, #ffc65a 0%, #ff9a30 55%, #f47c1c 100%);
  --btn-primary-bg-disabled: linear-gradient(180deg, #8a6a3a 0%, #7a5228 100%);
  --btn-primary-text: #ffffff;
  --btn-primary-border: #ffd27a;
  --btn-primary-shadow: 0 0 8px hsla(30.7, 100%, 57.8%, 0.55), 0 0 20px hsla(25.5, 100%, 53.9%, 0.3), inset 0 1px 0 hsla(0, 0%, 100%, 0.35);
  --btn-primary-text-shadow: 0 1px 2px hsla(25, 100%, 23.5%, 0.45);
  --btn-secondary-bg: hsla(188.2, 100%, 72.8%, 0.05);
  --btn-secondary-bg-hover: hsla(188.2, 100%, 72.8%, 0.15);
  --btn-secondary-text: #bdfcfc;
  --btn-secondary-border: #74ecff;
  --btn-secondary-shadow: 0 0 6px hsla(188.2, 100%, 72.8%, 0.4), inset 0 0 8px hsla(188.2, 100%, 72.8%, 0.12);

  /* Text fields */
  --input-bg: #1a2a63;
  --input-text: #ffffff;
  --input-border: #3f72e0;
  --input-border-focus: #74ecff;
  --input-shadow-focus: 0 0 8px hsla(188.2, 100%, 72.8%, 0.75), 0 0 18px hsla(200.4, 100%, 62.6%, 0.4);

  /* Cards */
  --card-bg: linear-gradient(180deg, #0f1d4d 0%, #0a1433 100%);
  --card-border: hsla(188.2, 100%, 72.8%, 0.6);
  --card-border-hover: #74ecff;
  --card-shadow: 0 0 4px hsla(188.2, 100%, 72.8%, 0.45), 0 0 14px hsla(200.4, 100%, 62.6%, 0.25), inset 0 0 12px hsla(200, 100%, 67.7%, 0.12);
  --card-shadow-hover: 0 0 6px hsla(188.2, 100%, 72.8%, 0.9), 0 0 22px hsla(200.4, 100%, 62.6%, 0.6), 0 0 44px hsla(212.1, 100%, 57.8%, 0.3), inset 0 0 18px hsla(200, 100%, 67.7%, 0.22);
  --card-title: #ffffff;
  --card-text: #8fb3c9;

  /* Status badges */
  --badge-admin-bg: hsla(35.1, 100%, 59.8%, 0.14);
  --badge-admin-text: #ffc46b;
  --badge-admin-border: hsla(38.6, 100%, 61%, 0.6);
  --badge-pending-bg: hsla(188.2, 100%, 72.8%, 0.12);
  --badge-pending-text: #9ff3ff;
  --badge-pending-border: hsla(188.2, 100%, 72.8%, 0.55);
  --badge-suspended-bg: hsla(357.9, 100%, 71.6%, 0.14);
  --badge-suspended-text: #ffa3a6;
  --badge-suspended-border: hsla(357.9, 100%, 71.6%, 0.55);
  --badge-you-bg: hsla(0, 0%, 100%, 0.08);
  --badge-you-text: #d7e6f2;
  --badge-you-border: hsla(0, 0%, 100%, 0.25);
  --section-admin: #ffb838;

  /* Menus and dialogs */
  --menu-bg: #0c1840;
  --menu-border: hsla(188.2, 100%, 72.8%, 0.5);
  --menu-shadow: 0 0 10px hsla(200.4, 100%, 62.6%, 0.35), 0 12px 30px hsla(0, 0%, 0%, 0.6);
  --dialog-bg: linear-gradient(180deg, #0c1840 0%, #0a1433 100%);
  --dialog-border-width: 2px;
  --dialog-border: #74ecff;
  --dialog-shadow: 0 0 6px hsla(188.2, 100%, 72.8%, 0.9), 0 0 22px hsla(200.4, 100%, 62.6%, 0.7), 0 0 60px hsla(212.1, 100%, 57.8%, 0.45), inset 0 0 18px hsla(200, 100%, 67.7%, 0.25);

  /* Top bar and logo */
  --topbar-bg: hsla(228.5, 68.4%, 7.5%, 0.82);
  --topbar-border: hsla(188.2, 100%, 72.8%, 0.45);
  --topbar-shadow: 0 0 18px hsla(200.4, 100%, 62.6%, 0.25);
  --topbar-blur: blur(8px);
  --logo-font: var(--font-retro), monospace;
  --logo-size: 24px;
  --logo-weight: 400;
  --logo-color: #bdfcfc;
  --logo-shadow: 0 0 4px hsla(180, 80.5%, 53.7%, 0.9), 0 0 12px hsla(180, 80.5%, 53.7%, 0.55), 0 0 26px hsla(180, 80.5%, 53.7%, 0.3);
  --logo-icon-body: #74ecff;
  --logo-icon-screen: #1a2a63;

  /* Page headings on the neon-grid backdrop */
  --page-title: #ffffff;
  --page-title-style: italic;
  --page-title-weight: 700;
  --page-subtitle: #7fe3f2;
  --page-text: #d7f6fb;
  --page-error: #ff9fa1;
  --create-icon: #ffb838;

  /* Database views */
  --surface-muted: #0a1433;
  --hover-strong: hsla(188.2, 100%, 72.8%, 0.2);
  --border-subtle: hsla(188.2, 100%, 72.8%, 0.13);
  --border-mid: hsla(188.2, 100%, 72.8%, 0.3);
  --line-strong: hsla(188.2, 100%, 72.8%, 0.42);
  --text-faint: #6f8fb0;
  --selection: #74ecff;
  --selected-bg: hsla(188.2, 100%, 72.8%, 0.1);
  --row-selected: hsla(188.2, 100%, 72.8%, 0.12);
  --toggle-on: #2bb8d6;
  --tint-sort: hsla(24.6, 100%, 61.8%, 0.08);
  --tint-filter: hsla(136, 68.2%, 56.9%, 0.07);
  --tint-filter-strong: hsla(136, 68.2%, 56.9%, 0.18);
  --tone-sort: hsla(24.6, 100%, 61.8%, 0.22);
  --tone-sort-hover: hsla(24.6, 100%, 61.8%, 0.32);
  --tone-filter: hsla(136, 68.2%, 56.9%, 0.2);
  --tone-filter-hover: hsla(136, 68.2%, 56.9%, 0.3);
  --tone-hide: hsla(214.6, 100%, 67.7%, 0.24);
  --tone-hide-hover: hsla(214.6, 100%, 67.7%, 0.34);
  --tone-tags: hsla(43.1, 100%, 61.8%, 0.2);
  --tone-tags-hover: hsla(43.1, 100%, 61.8%, 0.3);
  --success-text: #6be38a;
  --warn-bg: hsla(40, 100%, 61.8%, 0.12);
  --warn-text: #ffd27a;
  --folder: #ffc46b;
  --danger-bg: hsla(357.9, 100%, 71.6%, 0.14);
  --link-chip-bg: hsla(188.2, 100%, 72.8%, 0.14);
  --link-chip-text: #9ff3ff;
  --fab-bg: #ea7a14;
  --fab-hover: #f58a1c;
}

/* Markup meant for one theme only. */
.only-light { display: none !important; }