/* BD Tools — Theme (DaisyChain Brand)
   Gold-accented dark theme derived from dc-hub design system + brand manual */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Core */
  --background: hsl(260 50% 8%);
  --foreground: hsl(260 10% 95%);
  --card: hsl(260 40% 12% / 0.6);
  --card-foreground: hsl(260 10% 95%);
  --muted: hsl(260 30% 18%);
  --muted-foreground: hsl(260 20% 60%);
  --accent: hsl(260 40% 22%);
  --border: hsl(260 30% 22%);
  --input: hsl(260 30% 18%);

  /* Brand accents */
  --gold: #E8B533;
  --gold-dim: hsl(43 80% 45%);
  --gold-glow: hsl(43 80% 56% / 0.4);
  --gold-bg: hsl(43 60% 20% / 0.3);
  --secondary: hsl(180 100% 50%);
  --destructive: hsl(0 80% 60%);

  /* Brand palette */
  --solar-rose: #F56F5F;
  --circuit-violet: #7A28CB;
  --studio-white: #FCFCF1;
  --panel-black: #090302;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Z-index */
  --z-content: 10;
  --z-sticky: 20;
  --z-header: 50;
  --z-dropdown: 60;
  --z-modal: 100;

  /* Fonts */
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --transition: 0.2s ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; -webkit-font-smoothing: antialiased; }

body {
  min-height: 100vh;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  font-weight: 400;
  line-height: 1.6;
  background-image: linear-gradient(to bottom right, #0f172a, #0f172a 40%, #1e293b 60%, #0f172a);
  background-attachment: fixed;
}

a { color: var(--gold); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: hsl(260 30% 25%); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: hsl(260 30% 35%); }

/* Utilities */
.card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(12px);
  transition: all var(--transition);
}
.card:hover { border-color: rgba(255, 255, 255, 0.1); }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 1.25rem;
  font-family: var(--font-sans);
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: var(--radius-sm);
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition);
}
.btn-primary {
  background: var(--gold);
  color: var(--panel-black);
}
.btn-primary:hover {
  box-shadow: 0 0 20px var(--gold-glow);
}
.btn-ghost {
  background: transparent;
  color: var(--muted-foreground);
  border: 1px solid var(--border);
}
.btn-ghost:hover {
  color: var(--foreground);
  background: var(--accent);
}

/* Key phrase highlight */
.key-phrase {
  background: hsl(43 80% 56% / 0.15);
  color: var(--gold);
  padding: 1px 5px;
  border-radius: 3px;
  font-weight: 600;
}

/* Callout / note block */
.note {
  background: var(--gold-bg);
  border-left: 3px solid var(--gold);
  padding: 8px 12px;
  border-radius: 0 6px 6px 0;
  font-size: 0.82rem;
  color: hsl(43 50% 70%);
}
.note strong { color: var(--foreground); font-weight: 700; }

/* Print */
@media print {
  body { background: white; color: black; }
  .card { background: white; border-color: #ddd; }
}