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

:root {
  /* ── UI typography ──
     Canonical font stack for the Circloud header + brand lockup so
     "Circloud" / "EVENTSARO" render at exactly the same visual size
     as in every other Circloud project. */
  --ui-font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;

  /* The EVENTSARO accent palette — the same violet → pink → amber sweep
     as the FIND EVENTS button in the app, so wordmark and primary
     action read as one brand. */
  --eventsaro-violet:   #a855f7;
  --eventsaro-pink:     #ec4899;
  --eventsaro-amber:    #f59e0b;

  /* The canonical EVENTSARO 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.).
     Keep identical to the app's --grad token. */
  --eventsaro-brand-gradient: linear-gradient(
    100deg,
    var(--eventsaro-violet)   0%,
    var(--eventsaro-pink)    55%,
    var(--eventsaro-amber)  110%
  );

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

  /* Soft glow / shadow tint matching the gradient */
  --eventsaro-brand-glow: rgba(236, 72, 153, 0.45);

  /* Brass / copper of the rings in the logo — the "SARO" half of the
     wordmark (.cr-brand-sub letters 6–9) and anything that should read
     as that metal. Vertical sheen: highlight, body, shadow, reflection. */
  --eventsaro-brass-hi: #f8dcc0;
  --eventsaro-brass:    #d18f66;
  --eventsaro-brass-lo: #8a4630;
  --eventsaro-brass-gradient: linear-gradient(
    180deg,
    var(--eventsaro-brass-hi)  0%,
    #e6ad84                   28%,
    var(--eventsaro-brass)    50%,
    var(--eventsaro-brass-lo) 78%,
    #cf8f68                  100%
  );
}