:root {
  --primary: #60a5fa;
  --secondary: #22d3ee;
  --accent: #22d3ee;
  --primary-fg: #e5eefb;
  --body-fg: #e5eefb;
  --body-bg: #0b1220;
  --body-quiet-color: #94a3b8;
  --body-medium-color: #cbd5e1;
  --darkened-bg: #0f172a;
  --selected-bg: rgba(96, 165, 250, 0.18);
  --selected-row: rgba(34, 211, 238, 0.08);
  --hairline-color: rgba(148, 163, 184, 0.16);
  --border-color: rgba(148, 163, 184, 0.18);
  --message-success-bg: rgba(52, 211, 153, 0.12);
  --message-warning-bg: rgba(251, 191, 36, 0.12);
  --message-error-bg: rgba(248, 113, 113, 0.12);
  --link-fg: #93c5fd;
  --link-hover-color: #dbeafe;
  --button-bg: linear-gradient(135deg, rgba(96,165,250,.95), rgba(34,211,238,.95));
  --button-hover-bg: linear-gradient(135deg, rgba(59,130,246,.95), rgba(6,182,212,.95));
  --default-button-bg: rgba(148, 163, 184, 0.14);
  --default-button-hover-bg: rgba(148, 163, 184, 0.22);
  --close-button-bg: #ef4444;
  --close-button-hover-bg: #dc2626;
}
body, #container { background: radial-gradient(circle at top left, rgba(96,165,250,.12), transparent 28%), linear-gradient(180deg, #08111d 0%, #0b1220 100%) !important; }
#header { background: rgba(8, 17, 29, 0.82) !important; color: #e5eefb !important; border-bottom: 1px solid rgba(148,163,184,.16); backdrop-filter: blur(12px); }
#branding h1, #branding h1 a:link, #branding h1 a:visited { color: #e5eefb !important; }
.module, .inline-group, .dashboard .module, .app-auth.module, .app-documents.module, .app-projects.module, .app-ideas.module, .app-tasks.module, .app-decisions.module, .submit-row {
  background: rgba(17, 24, 39, 0.88) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}
.module h2, .module caption, .inline-group h2 { background: transparent !important; color: #e5eefb !important; }
div.breadcrumbs { background: rgba(17,24,39,.76) !important; border-bottom: 1px solid rgba(148,163,184,.14); }
#nav-sidebar { background: rgba(8, 17, 29, 0.78) !important; border-right: 1px solid rgba(148,163,184,.14); }
#nav-sidebar .current-model, #nav-sidebar .current-app .section:link, #nav-sidebar .current-app .section:visited { background: rgba(96,165,250,.14) !important; }
input, textarea, select, .vTextField, .vLargeTextField {
  background: rgba(15, 23, 42, 0.9) !important;
  color: #e5eefb !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  border-radius: 12px !important;
}
.submit-row input, .button, input[type=submit], input[type=button], .submit-row a.deletelink {
  border-radius: 12px !important;
}
.object-tools a:link, .object-tools a:visited { border-radius: 10px !important; }
.login #container { background: transparent !important; }
.login #content { background: rgba(17,24,39,.9); border: 1px solid rgba(148,163,184,.16); border-radius: 18px; box-shadow: 0 10px 30px rgba(0,0,0,.22); }
.login .submit-row { background: transparent !important; border: 0 !important; box-shadow: none !important; }