/* ── 🔱 POSEIDON HOMELAB THEME ── */
/* Deep ocean palette by Mettaton */

:root {
  /* Abyss backgrounds */
  --bg-primary: #061a2b;
  --bg-secondary: #0a2840;
  --bg-tertiary: #0e3454;

  /* Sea-glass cards */
  --card-bg: rgba(10, 40, 64, 0.85);
  --card-border: rgba(0, 212, 170, 0.15);
  --card-hover-bg: rgba(14, 52, 84, 0.92);
  --card-hover-border: rgba(0, 212, 170, 0.35);

  /* Seafoam accents */
  --accent: #00D4AA;
  --accent-glow: rgba(0, 212, 170, 0.3);

  /* Text */
  --text-primary: #e0f0f8;
  --text-secondary: #8ab4cc;

  /* Status colors */
  --success: #00D4AA;
  --warning: #F5A623;
  --danger: #FF4757;

  /* Shadows */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 212, 170, 0.05);
  --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 60px rgba(0, 212, 170, 0.1);

  --border-radius: 12px;
  --transition: all 0.2s ease-in-out;
}

/* ── Global background ── */
body {
  background: linear-gradient(160deg,
    #020e18 0%,
    #061a2b 30%,
    #0a2840 60%,
    #061a2b 100%
  );
  background-attachment: fixed;
}

/* ── Header ── */
header h1 {
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 0 0 30px rgba(0, 212, 170, 0.3);
}

/* ── Service cards ── */
div[class*="service-group"] > div[class*="flex"] > a,
a[class*="service-link"] {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-card) !important;
  transition: var(--transition) !important;
  backdrop-filter: blur(8px);
}

div[class*="service-group"] > div[class*="flex"] > a:hover,
a[class*="service-link"]:hover {
  background: var(--card-hover-bg) !important;
  border-color: var(--card-hover-border) !important;
  box-shadow: var(--shadow-hover) !important;
  transform: translateY(-2px);
}

/* ── Section headers ── */
h2[class*="service-group"] {
  color: var(--accent) !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-left: 3px solid var(--accent);
  padding-left: 12px;
}

/* ── Widget cards ── */
div[class*="widget"] > div,
div[class*="card"] {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-card) !important;
  backdrop-filter: blur(8px);
}

/* ── Progress bars (RAM, CPU, disk) ── */
progress, [role="progressbar"] {
  accent-color: var(--accent);
}

/* ── Status dots ── */
div[class*="status-dot"] {
  box-shadow: 0 0 6px currentColor;
}

/* ── Quick launch ── */
input[type="search"],
input[class*="search"] {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--card-border) !important;
  color: var(--text-primary) !important;
  border-radius: 24px !important;
}

/* ── GPU widget accent ── */
div[class*="gpu"] canvas,
div[class*="gpu"] svg {
  filter: drop-shadow(0 0 8px rgba(0, 212, 170, 0.2));
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg-primary); }
::-webkit-scrollbar-thumb {
  background: var(--accent);
  border-radius: 4px;
  opacity: 0.5;
}

/* ── Bookmark cards ── */
div[class*="bookmark"] a {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: var(--border-radius) !important;
}

div[class*="bookmark"] a:hover {
  border-color: var(--card-hover-border) !important;
  box-shadow: var(--shadow-hover) !important;
}