/* ============================================================
   OCTANEWS brand tokens — single source of truth.
   Edit ONLY here; everything that needs the OCTANEWS tint
   (brand-name gradient, accent buttons, glows, category chips
   that borrow the brand hue, etc.) or the canonical UI font reads
   these CSS custom properties.
   Same contract as eventsaro/spidermind/dome: the portal reads
   --octanews-brand-gradient for the project card.
   ============================================================ */

:root {
  /* ── UI typography ──
     Canonical font stack for the Circloud header + brand lockup so
     "Circloud" / "OCTANEWS" render at exactly the same visual size
     as in every other Circloud project. Inter is loaded from Google
     Fonts by the page; the rest is the system fallback stack. */
  --ui-font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;

  /* The OCTANEWS accent palette — the cyan → blue → violet sweep of the
     octagon ring in the logo, plus the amber → orange "hot" pair used
     for the NEWS half of the wordmark and the markets/IPO accents. */
  --octanews-cyan:   #22d3ee;
  --octanews-blue:   #3b82f6;
  --octanews-violet: #a855f7;
  --octanews-amber:  #f59e0b;
  --octanews-orange: #f97316;

  /* The canonical OCTANEWS gradient — use this anywhere the brand
     mark, accent text, or themed surfaces need the brand color
     (e.g. .cr-brand-sub, the search button, hover halos, etc.). */
  --octanews-brand-gradient: linear-gradient(
    100deg,
    var(--octanews-cyan)    0%,
    var(--octanews-blue)   50%,
    var(--octanews-violet) 110%
  );

  /* The "hot" gradient — the "NEWS" half of the wordmark
     (.cr-brand-sub letters 5–8) and anything that should read as
     breaking / markets / live. */
  --octanews-hot-gradient: linear-gradient(
    100deg,
    var(--octanews-amber)   0%,
    var(--octanews-orange) 100%
  );

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

  /* Soft glow / shadow tint matching the gradient */
  --octanews-brand-glow: rgba(59, 130, 246, 0.45);
}