@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";

/* src/styles.css */
:root,
[data-theme=light] {
  --page-bg:
    radial-gradient(
      circle at 90% 10%,
      rgba(105, 173, 150, 0.22),
      transparent 35%),
    radial-gradient(
      circle at 10% 90%,
      rgba(249, 145, 89, 0.2),
      transparent 35%),
    linear-gradient(
      180deg,
      #f3efe4 0%,
      #eef4f0 100%);
  --bg-base: #f1efe8;
  --card-bg: rgba(255, 255, 255, 0.9);
  --card-border: rgba(26, 33, 54, 0.12);
  --card-shadow: rgba(24, 31, 50, 0.12);
  --nav-bg: rgba(255, 255, 255, 0.88);
  --nav-border: rgba(26, 33, 54, 0.1);
  --panel-bg: #f8fafc;
  --panel-border: #e3e9f2;
  --text-main: #20263b;
  --text-muted: #4b596f;
  --text-eyebrow: #af5426;
  --text-link: #17486f;
  --primary: #0f6f5d;
  --primary-dark: #0a5248;
  --input-bg: rgba(255, 255, 255, 0.9);
  --input-border: #c6cfda;
  --input-focus-border: #1d8a72;
  --input-focus-shadow: rgba(29, 138, 114, 0.2);
  --tab-border: #e3e9f2;
  --tr-hover: rgba(236, 245, 242, 0.75);
  --ghost-bg: #f7fafc;
  --ghost-border: #bec9d7;
  --nav-gradient:
    linear-gradient(
      135deg,
      #0f1728 0%,
      #13233b 48%,
      #0e1b31 100%);
  --nav-foreground: #e7eefc;
  --nav-link-muted: #b5c4dd;
  --nav-chip-bg: rgba(10, 18, 33, 0.68);
  --nav-chip-border: rgba(203, 219, 248, 0.22);
  --nav-active-gradient:
    linear-gradient(
      135deg,
      #0f6f5d 0%,
      #0a5248 100%);
  --nav-active-foreground: #f8fffd;
}
[data-theme=dark] {
  --page-bg:
    radial-gradient(
      circle at 90% 10%,
      rgba(30, 80, 65, 0.35),
      transparent 35%),
    radial-gradient(
      circle at 10% 90%,
      rgba(100, 45, 10, 0.25),
      transparent 35%),
    linear-gradient(
      180deg,
      #141820 0%,
      #0f151c 100%);
  --bg-base: #0f151c;
  --card-bg: rgba(25, 31, 44, 0.96);
  --card-border: rgba(255, 255, 255, 0.08);
  --card-shadow: rgba(0, 0, 0, 0.45);
  --nav-bg: rgba(15, 19, 28, 0.95);
  --nav-border: rgba(255, 255, 255, 0.08);
  --panel-bg: rgba(255, 255, 255, 0.04);
  --panel-border: rgba(255, 255, 255, 0.09);
  --text-main: #dde3f0;
  --text-muted: #8a96ae;
  --text-eyebrow: #e8885e;
  --text-link: #7ab8e8;
  --primary: #3ecda6;
  --primary-dark: #2db893;
  --input-bg: rgba(255, 255, 255, 0.06);
  --input-border: rgba(255, 255, 255, 0.14);
  --input-focus-border: #3ecda6;
  --input-focus-shadow: rgba(62, 205, 166, 0.2);
  --tab-border: rgba(255, 255, 255, 0.1);
  --tr-hover: rgba(255, 255, 255, 0.04);
  --ghost-bg: rgba(255, 255, 255, 0.06);
  --ghost-border: rgba(255, 255, 255, 0.14);
  --nav-gradient:
    linear-gradient(
      135deg,
      #091223 0%,
      #0d1b33 52%,
      #0a162b 100%);
  --nav-foreground: #e6eefb;
  --nav-link-muted: #b8c6df;
  --nav-chip-bg: rgba(6, 14, 27, 0.74);
  --nav-chip-border: rgba(255, 255, 255, 0.2);
  --nav-active-gradient:
    linear-gradient(
      135deg,
      #3ecda6 0%,
      #2db893 100%);
  --nav-active-foreground: #05251d;
}
[data-theme=ocean] {
  --page-bg:
    radial-gradient(
      circle at 88% 8%,
      rgba(50, 130, 200, 0.22),
      transparent 35%),
    radial-gradient(
      circle at 12% 90%,
      rgba(20, 160, 190, 0.18),
      transparent 35%),
    linear-gradient(
      180deg,
      #e6f2f8 0%,
      #dceef5 100%);
  --bg-base: #dceef5;
  --card-bg: rgba(255, 255, 255, 0.92);
  --card-border: rgba(14, 82, 140, 0.12);
  --card-shadow: rgba(10, 55, 110, 0.1);
  --nav-bg: rgba(255, 255, 255, 0.9);
  --nav-border: rgba(14, 82, 140, 0.12);
  --panel-bg: #eef6fb;
  --panel-border: #c2dff0;
  --text-main: #0c2a40;
  --text-muted: #3a6278;
  --text-eyebrow: #0e6aaa;
  --text-link: #0e5a9a;
  --primary: #0e6aaa;
  --primary-dark: #0a5280;
  --input-bg: rgba(255, 255, 255, 0.92);
  --input-border: #a8cfe0;
  --input-focus-border: #0e6aaa;
  --input-focus-shadow: rgba(14, 106, 170, 0.2);
  --tab-border: #c2dff0;
  --tr-hover: rgba(220, 238, 248, 0.7);
  --ghost-bg: #eef6fb;
  --ghost-border: #a8cfe0;
  --nav-gradient:
    linear-gradient(
      135deg,
      #0a1b30 0%,
      #0c2944 52%,
      #0a2138 100%);
  --nav-foreground: #e5f3ff;
  --nav-link-muted: #a8c8df;
  --nav-chip-bg: rgba(7, 25, 44, 0.72);
  --nav-chip-border: rgba(160, 208, 238, 0.22);
  --nav-active-gradient:
    linear-gradient(
      135deg,
      #0e6aaa 0%,
      #0a5280 100%);
  --nav-active-foreground: #f3fbff;
}
[data-theme=sunset] {
  --page-bg:
    radial-gradient(
      circle at 88% 12%,
      rgba(255, 140, 70, 0.28),
      transparent 36%),
    radial-gradient(
      circle at 14% 88%,
      rgba(255, 205, 90, 0.24),
      transparent 34%),
    linear-gradient(
      180deg,
      #fff0e6 0%,
      #ffe6d1 100%);
  --bg-base: #ffe6d1;
  --card-bg: rgba(255, 255, 255, 0.93);
  --card-border: rgba(182, 82, 30, 0.14);
  --card-shadow: rgba(150, 70, 24, 0.12);
  --nav-bg: rgba(255, 255, 255, 0.9);
  --nav-border: rgba(182, 82, 30, 0.14);
  --panel-bg: #fff5ee;
  --panel-border: #f7cfb2;
  --text-main: #4a2517;
  --text-muted: #7c4a35;
  --text-eyebrow: #b6521e;
  --text-link: #a94a1c;
  --primary: #d86326;
  --primary-dark: #b54d18;
  --input-bg: rgba(255, 255, 255, 0.92);
  --input-border: #e8b392;
  --input-focus-border: #d86326;
  --input-focus-shadow: rgba(216, 99, 38, 0.2);
  --tab-border: #f7cfb2;
  --tr-hover: rgba(255, 237, 220, 0.76);
  --ghost-bg: #fff5ee;
  --ghost-border: #e8b392;
  --nav-gradient:
    linear-gradient(
      135deg,
      #2b1510 0%,
      #3a1c15 55%,
      #2f1711 100%);
  --nav-foreground: #ffece3;
  --nav-link-muted: #f2c4af;
  --nav-chip-bg: rgba(49, 24, 18, 0.72);
  --nav-chip-border: rgba(248, 198, 173, 0.24);
  --nav-active-gradient:
    linear-gradient(
      135deg,
      #d86326 0%,
      #b54d18 100%);
  --nav-active-foreground: #fff7f2;
}
[data-theme=meadow] {
  --page-bg:
    radial-gradient(
      circle at 86% 10%,
      rgba(110, 200, 120, 0.24),
      transparent 36%),
    radial-gradient(
      circle at 12% 90%,
      rgba(180, 220, 110, 0.24),
      transparent 36%),
    linear-gradient(
      180deg,
      #edf8ea 0%,
      #e2f4dc 100%);
  --bg-base: #e2f4dc;
  --card-bg: rgba(255, 255, 255, 0.92);
  --card-border: rgba(47, 122, 62, 0.14);
  --card-shadow: rgba(34, 95, 49, 0.11);
  --nav-bg: rgba(255, 255, 255, 0.9);
  --nav-border: rgba(47, 122, 62, 0.14);
  --panel-bg: #f3fbf0;
  --panel-border: #c8e7bc;
  --text-main: #1f3a24;
  --text-muted: #42664a;
  --text-eyebrow: #2f7a3e;
  --text-link: #2a6e38;
  --primary: #2f8f45;
  --primary-dark: #1f6f34;
  --input-bg: rgba(255, 255, 255, 0.92);
  --input-border: #a9d4a9;
  --input-focus-border: #2f8f45;
  --input-focus-shadow: rgba(47, 143, 69, 0.2);
  --tab-border: #c8e7bc;
  --tr-hover: rgba(232, 247, 224, 0.76);
  --ghost-bg: #f3fbf0;
  --ghost-border: #a9d4a9;
  --nav-gradient:
    linear-gradient(
      135deg,
      #102419 0%,
      #173022 54%,
      #122a1d 100%);
  --nav-foreground: #e8f8ed;
  --nav-link-muted: #b8dcc2;
  --nav-chip-bg: rgba(17, 41, 29, 0.7);
  --nav-chip-border: rgba(184, 225, 193, 0.24);
  --nav-active-gradient:
    linear-gradient(
      135deg,
      #2f8f45 0%,
      #1f6f34 100%);
  --nav-active-foreground: #f3fff6;
}
html,
body {
  margin: 0;
  min-height: 100%;
  font-family:
    "IBM Plex Sans",
    "Segoe UI",
    sans-serif;
  background-color: var(--bg-base);
  color: var(--text-main);
}
* {
  box-sizing: border-box;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */