/* ============================================================
   SimplyOra · brand.css
   Zentrale Quelle für alle Design-Tokens (Single Source of Truth).
   Farbe/Token hier einmal ändern → wirkt auf allen verlinkten Seiten.
   Verlinkt in: Homepage, case-studies, pricing, about, contact,
   datenschutz, impressum. Komponenten-CSS bleibt pro Seite.
   ============================================================ */
:root {
  /* Brand — Nachtblau & Bernstein */
  --ink: #121A2E;          /* deep petrol — hero, dark sections */
  --ink-2: #1E2E52;        /* hover for ink */
  --petrol: #2A3A5E;       /* mid petrol — buttons, structural accents */
  --petrol-dark: #1E2E52;
  --mint: #E9A23B;         /* signal mint — CTAs, highlights */
  --mint-hover: #D28C24;
  --mint-soft: #F2C67E;

  /* Surfaces — warm paper */
  --paper-50: #FAF7EF;
  --paper-100: #F5F1E6;
  --paper-200: #EEE8D9;
  --paper-300: #DCD3BE;

  /* Text */
  --white: #ffffff;
  --gray-400: #94a3b8;
  --gray-600: #4d5a64;
  --gray-700: #2a3942;
  --gray-800: #1a2530;
  --gray-900: #0e1a22;

  /* Status */
  --green: #22c55e;
  --red: #ef4444;
  --radius: 12px;

  /* Legacy aliases (kept so existing rules still resolve) */
  --navy: var(--petrol);
  --navy-dark: var(--petrol-dark);
  --navy-black: var(--ink);
  --cyan: var(--mint);
  --cyan-dim: rgba(233,162,59,0.12);
  --gray-50: var(--paper-100);
  --gray-100: var(--paper-200);
  --gray-200: var(--paper-300);
}

/* ── Geteilte Komponente: Logo-Lockup ──────────────────────
   Markup auf allen Seiten:
   <a class="nav-logo">Simply<span class="logo-ora">
     <svg class="logo-o">…Ring+Punkt…</svg>ra</span></a>
   Das „O" = Ring mit Punkt (Bildmarke). Einmal hier pflegen. */
.nav-logo { font-family:'Outfit',sans-serif; font-size:1.3rem; font-weight:700; color:var(--white); display:inline-block; white-space:nowrap; text-decoration:none; line-height:1; }
.logo-ora{ color:var(--mint); }
.logo-o{ display:inline-block; width:.78em; height:.78em; vertical-align:-.055em; margin:0 .012em; filter:drop-shadow(0 0 4px rgba(233,162,59,.45)); }