/**
 * DarkHoster Design Tokens & CSS Variables
 * Parent Theme: GeneratePress
 * 
 * Strict single-source-of-truth for all brand colors, surfaces, borders, 
 * typography scales, radii, transitions, and shadows.
 */

:root {
  /* Backgrounds & Base Surfaces */
  --dh-bg: #030712;
  --dh-bg-alt: #050a16;
  --dh-bg-secondary: #080e1e;

  --dh-surface: #0b1326;
  --dh-surface-hover: #101c38;
  --dh-surface-elevated: #132244;

  /* Borders */
  --dh-border: rgba(255, 255, 255, 0.08);
  --dh-border-hover: rgba(56, 189, 248, 0.35);
  --dh-border-subtle: rgba(255, 255, 255, 0.05);

  /* Text Colors */
  --dh-text: #f8fafc;
  --dh-text-secondary: #94a3b8;
  --dh-text-muted: #64748b;

  /* Accent & Interactive Colors */
  --dh-primary: #38bdf8;
  --dh-primary-hover: #0284c7;
  --dh-accent-cyan: #00f0ff;
  --dh-accent-blue: #3b82f6;

  /* Status Colors */
  --dh-success: #34d399;
  --dh-warning: #fbbf24;
  --dh-danger: #f87171;

  /* Layout Container */
  --dh-container: 1240px;

  /* Border Radii */
  --dh-radius-sm: 6px;
  --dh-radius-md: 10px;
  --dh-radius-lg: 14px;
  --dh-radius-xl: 20px;

  /* Shadows */
  --dh-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.4);
  --dh-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.6);
  --dh-shadow-glow: 0 0 25px rgba(56, 189, 248, 0.18);

  /* Transitions */
  --dh-transition-fast: 150ms ease;
  --dh-transition: 250ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Typography Font Stacks */
  --dh-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dh-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}