/* ============================================================
   Circloud DOME brand colors — single source of truth.
   Edit ONLY here; everything that needs the DOME tint
   (logo glow, brand-name gradient, accent buttons, etc.) reads
   these CSS custom properties.
   ============================================================ */

:root {
  /* Stops sampled from assets/logo.png — green-teal dome highlight,
     teal mid, deep cyan, bright blue wave at the bottom */
  --dome-green:        #34d399;
  --dome-teal:         #14b8a6;
  --dome-cyan:         #06b6d4;
  --dome-blue:         #0ea5e9;
  --dome-blue-deep:    #0284c7;

  /* The canonical DOME gradient — use this anywhere
     the brand mark, accent text, or themed surfaces need the
     "logo color" (e.g. .cr-brand-sub, hover halos, etc.) */
  --dome-brand-gradient: linear-gradient(
    135deg,
    var(--dome-green)      0%,
    var(--dome-teal)      35%,
    var(--dome-cyan)      60%,
    var(--dome-blue)     100%
  );

  /* Solid pick when a single color is needed (badges, focus rings) */
  --dome-brand-solid: var(--dome-cyan);

  /* Soft glow / shadow tint matching the gradient */
  --dome-brand-glow: rgba(6, 182, 212, 0.45);
}