/*
 * DeepGrowth Brand Tokens
 * Single Source of Truth fuer Farben, Fonts, Spacing, Shadows
 * Stand: 17.05.2026
 * Logo: A1_v01_navy_gold_geistbold
 */

:root {
  /* ============ FARBEN ============ */

  /* Primary: Navy aus Logo */
  --dg-navy-50:  #f4f6fa;
  --dg-navy-100: #e4e6eb;
  --dg-navy-500: #3a4868;
  --dg-navy-700: #1a2540;   /* PRIMAERFARBE — Logo-Wordmark, Headlines, Hero-Hintergrund */
  --dg-navy-800: #141d33;
  --dg-navy-900: #0d1426;   /* Body-Text */

  /* Accent: Gold aus Logo */
  --dg-gold-50:  #fdf6e3;
  --dg-gold-100: #f9e6b3;
  --dg-gold-200: #f3d680;
  --dg-gold-300: #e4b94d;
  --dg-gold-400: #d49a1f;
  --dg-gold-500: #b07f0e;   /* PRIMAER-AKZENT — CTAs, Buttons, Highlights */
  --dg-gold-600: #8a6308;   /* Hover */
  --dg-gold-700: #5e4406;
  --dg-gold-800: #3a2a04;

  /* Neutrals */
  --dg-bg:       #fafaf7;   /* Off-White Body-Background, warmer als pures Weiss */
  --dg-bg-white: #ffffff;
  --dg-muted:    #6b7280;   /* Sekundaere Texte, Captions, Meta */
  --dg-border:   #e4e6eb;   /* Dezente Trennlinien */

  /* Semantic */
  --dg-success:  #16A34A;
  --dg-warning:  #d97706;
  --dg-error:    #dc2626;

  /* ============ FONTS ============ */

  /* Geist (Open Source Apache 2.0). Google Fonts CDN:
     https://fonts.googleapis.com/css2?family=Geist:wght@400;500;700;800&display=swap */
  --dg-font-display: 'Geist', system-ui, -apple-system, sans-serif;
  --dg-font-body:    'Geist', system-ui, -apple-system, sans-serif;
  --dg-font-mono:    'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;

  --dg-fw-regular:  400;
  --dg-fw-medium:   500;
  --dg-fw-bold:     700;
  --dg-fw-extra:    800;

  /* ============ SPACING / RADII ============ */

  --dg-radius-sm: 6px;
  --dg-radius-md: 12px;
  --dg-radius-lg: 16px;
  --dg-radius-xl: 24px;

  /* ============ SHADOWS ============ */

  --dg-shadow-sm: 0 1px 2px rgba(13, 20, 38, 0.05);
  --dg-shadow-md: 0 4px 12px rgba(13, 20, 38, 0.08);
  --dg-shadow-lg: 0 12px 32px rgba(13, 20, 38, 0.12);

  /* ============ BRAND ALIASES (Backward-Compat) ============ */

  /* Damit alte Klassen wie text-orange-500 oder bg-amber-500 noch funktionieren,
     wenn Code sie referenziert — leiten sie auf Gold um. */
  --orange-500: var(--dg-gold-500);
  --orange-600: var(--dg-gold-600);
  --amber-500:  var(--dg-gold-500);
  --teal-500:   var(--dg-navy-700);
}

/* Base Body Styles */
html, body {
  font-family: var(--dg-font-body);
  background: var(--dg-bg);
  color: var(--dg-navy-900);
}

h1, h2, h3, h4, .display {
  font-family: var(--dg-font-display);
  font-weight: var(--dg-fw-bold);
  letter-spacing: -0.01em;
  color: var(--dg-navy-700);
}

a {
  color: var(--dg-gold-500);
  text-decoration: none;
}
a:hover {
  color: var(--dg-gold-600);
}

/* Brand Gradient Helper */
.dg-brand-gradient {
  background: linear-gradient(135deg, var(--dg-navy-700) 0%, var(--dg-navy-900) 100%);
}

/* Primary CTA Button */
.dg-btn-primary {
  background: var(--dg-gold-500);
  color: #ffffff;
  font-weight: var(--dg-fw-bold);
  padding: 0.75rem 1.5rem;
  border-radius: var(--dg-radius-md);
  transition: background 0.15s ease;
  box-shadow: var(--dg-shadow-sm);
}
.dg-btn-primary:hover {
  background: var(--dg-gold-600);
  color: #ffffff;
  box-shadow: var(--dg-shadow-md);
}