/*
 wlkns-dev-standards
 Theme: Watchtower (Dark Glow)
 Version: v1.0
 Based on: minecraft-watchtower UI
*/

:root {
  /* =========================
     Core Palette (Watchtower)
     ========================= */
  --wt-bg-dark:   #0b0f14;
  --wt-bg-panel:  #10151d;
  --wt-accent:    #00e08f;
  --wt-warning:   #ffb454;
  --wt-danger:    #ff5e5e;
  --wt-text:      #e6edf5;
  --wt-text-dim:  #9aa7b8;
  --wt-glow:      rgba(0, 224, 143, 0.35);

  /* =========================
     Mapping -> Standard Tokens
     ========================= */

  /* Farben – Identity & Status */
  --color-primary: #1a2230;     /* Deep Blue/Grey from Gradient */
  --color-accent:  var(--wt-accent);

  --color-success: var(--wt-accent); /* Watchtower uses accent as success */
  --color-warning: var(--wt-warning);
  --color-error:   var(--wt-danger);

  /* Farben – Neutrals (Dark Mode Override) */
  --color-bg:        var(--wt-bg-dark);
  --color-surface:   var(--wt-bg-panel);
  --color-border:    rgba(255, 255, 255, 0.08); /* Subtle white border */

  --color-text:          var(--wt-text);
  --color-text-muted:   var(--wt-text-dim);

  /* Typografie (Optional: Falls Space Grotesk geladen wird) */
  --font-ui: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Radius & Spacing */
  --radius-sm: 4px;
  --radius-md: 12px; /* Watchtower uses larger radii */
  --radius-lg: 16px;

  /* Shadows becomes Glows in this theme */
  --shadow-sm: 0 0 10px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 15px var(--wt-glow);
}

/* Global Theme Overrides */
body {
  background: radial-gradient(circle at top, #1a2230 0%, #0b0f14 55%), linear-gradient(135deg, #0b0f14, #101623 60%);
  min-height: 100vh;
}

/* Noise Texture helper class */
.bg-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  z-index: -1;
}