/* RetroBase lightTheme, 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: light;

  /* Base */
  --background: #f9fafb;
  --surface: #ffffff;
  --foreground: #1d1f25;
  --muted: #616670;
  --border: #e1e3e8;
  --border-strong: #9ea3ab;
  --accent: #166ee1;
  --hover: #f2f4f8;
  --placeholder: #8b9099;
  --icon: #41454d;
  --overlay: hsla(0, 0%, 0%, 0.4);
  --danger: #c93a3e;
  --danger-hover: #b02f33;
  --danger-disabled: #e8a6a8;
  --danger-text: #c93a3e;
  --info-bg: #f2f6fd;
  --info-text: #2c4a7a;

  /* Buttons */
  --btn-primary-bg: #166ee1;
  --btn-primary-bg-hover: #1060c9;
  --btn-primary-bg-disabled: #a9c6ef;
  --btn-primary-text: #ffffff;
  --btn-primary-border: transparent;
  --btn-primary-shadow: none;
  --btn-primary-text-shadow: none;
  --btn-secondary-bg: #ffffff;
  --btn-secondary-bg-hover: #f2f4f8;
  --btn-secondary-text: #1d1f25;
  --btn-secondary-border: #e1e3e8;
  --btn-secondary-shadow: none;

  /* Text fields */
  --input-bg: transparent;
  --input-text: #1d1f25;
  --input-border: #e1e3e8;
  --input-border-focus: #166ee1;
  --input-shadow-focus: none;

  /* Cards */
  --card-bg: #ffffff;
  --card-border: #e1e3e8;
  --card-border-hover: #e1e3e8;
  --card-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.04);
  --card-shadow-hover: 0 2px 8px hsla(0, 0%, 0%, 0.12);
  --card-title: #1d1f25;
  --card-text: #616670;

  /* Status badges */
  --badge-admin-bg: #fff4e5;
  --badge-admin-text: #a24d00;
  --badge-admin-border: #f5c58a;
  --badge-pending-bg: #eaf2ff;
  --badge-pending-text: #1d5bc2;
  --badge-pending-border: #b5cdf5;
  --badge-suspended-bg: #fdecec;
  --badge-suspended-text: #b02f33;
  --badge-suspended-border: #f1b5b7;
  --badge-you-bg: #f0f1f4;
  --badge-you-text: #4a4f59;
  --badge-you-border: #dcdfe5;
  --section-admin: #a24d00;

  /* Menus and dialogs */
  --menu-bg: #ffffff;
  --menu-border: #e1e3e8;
  --menu-shadow: 0 8px 24px hsla(0, 0%, 0%, 0.14);
  --dialog-bg: #ffffff;
  --dialog-border-width: 0px;
  --dialog-border: transparent;
  --dialog-shadow: 0 25px 50px -12px hsla(0, 0%, 0%, 0.25);

  /* Top bar and logo */
  --topbar-bg: #ffffff;
  --topbar-border: #e1e3e8;
  --topbar-shadow: none;
  --topbar-blur: none;
  --logo-font: var(--font-ui), system-ui, sans-serif;
  --logo-size: 18px;
  --logo-weight: 600;
  --logo-color: #1d1f25;
  --logo-shadow: none;
  --logo-icon-body: #1d1f25;
  --logo-icon-screen: #70c5fa;

  /* Page headings on the neon-grid backdrop */
  --page-title: #ffffff;
  --page-title-style: normal;
  --page-title-weight: 600;
  --page-subtitle: #bdfcfc;
  --page-text: hsla(0, 0%, 100%, 0.8);
  --page-error: #ff9b9d;
  --create-icon: #3f6ade;

  /* Database views */
  --surface-muted: #f7f8fa;
  --hover-strong: #e8ebf0;
  --border-subtle: #e8eaee;
  --border-mid: #d9dce2;
  --line-strong: #c4c8cf;
  --text-faint: #9ea3ab;
  --selection: #2d7ff9;
  --selected-bg: #eef4ff;
  --row-selected: #f0f5ff;
  --toggle-on: #3f6ade;
  --tint-sort: #fff3ea;
  --tint-filter: #f0fbea;
  --tint-filter-strong: #d9f5cd;
  --tone-sort: #fbe2d4;
  --tone-sort-hover: #f7d3be;
  --tone-filter: #d1f7c4;
  --tone-filter-hover: #c0efb0;
  --tone-hide: #cfe0ff;
  --tone-hide-hover: #bdd3fb;
  --tone-tags: #ffeab6;
  --tone-tags-hover: #fde29b;
  --success-text: #2b9a49;
  --warn-bg: #fff6e0;
  --warn-text: #6b4a00;
  --folder: #8a6d1f;
  --danger-bg: #fdecec;
  --link-chip-bg: #e8eefc;
  --link-chip-text: #2950b8;
  --fab-bg: #1d1f25;
  --fab-hover: #33363f;
}

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