/* ============================================================
   Opar360 — Central Theme Manager
   ------------------------------------------------------------
   Single source of truth for brand colors + surfaces for the
   public marketing site. Change a value HERE to re-theme the
   whole site — main.css / pano-1.css reference these tokens via
   var(--brand*), so nothing else needs editing.

   (The app workspace under Tailwind uses src/app/globals.css;
    keep --brand there in sync if you rebrand.)
   ============================================================ */
:root {
  /* ---- Brand accent (Opar Orange) ---- */
  --brand:      #FF6B1A;        /* primary accent, solid            */
  --brand-rgb:  255, 107, 26;   /* same color as RGB for rgba(...)  */
  --brand-deep: #C44A0A;        /* darker accent (active / pressed) */
  --brand-soft: #FFB07A;        /* lighter accent (hover tint)      */

  /* ---- Surfaces ---- */
  --ink:     #0b0f0e;           /* page background (dark)           */
  --surface: #131313;           /* cards / raised panels            */

  /* ---- Text ---- */
  --text:       #ffffff;
  --text-muted: rgba(255, 255, 255, 0.70);

  /* ---- Back-compat aliases (legacy template vars) ---- */
  --primary-color:     var(--brand);
  --primary-color-rgb: var(--brand-rgb);
  --secondary-color:   rgba(var(--brand-rgb), 0.2);
  --font-family-body:    'Inter', sans-serif;
  --font-family-heading: 'Outfit', sans-serif;
}