/* ===========================================================================
   AceCue palette — the single source of truth for the site's colours.

   Everything downstream reads from the custom properties below:
     * assets/theme.js turns them into the Tailwind config, so every
       `bg-primary` / `text-primary` / `border-primary/40` class resolves here;
     * the accent-dependent component rules further down use var() directly.

   To re-brand the site, change the hex values in :root and nothing else.
   The --ace-*-rgb triples are derived automatically by assets/theme.js — do
   not hand-write them.
   =========================================================================== */
:root {
    --ace-primary: #E3FD71;
    --ace-secondary: #CFF23C;
    --ace-tertiary: #22C55E;
    --ace-background: #1D1C1C;
    --ace-card: #2B2B2D;
    --ace-border: #3d3d46;
    --ace-text-primary: #FFFFFF;
    --ace-text-secondary: #9CA3AF;
    --ace-foreground: #232323;
    --ace-muted: #6B6B6B;
    --ace-success: #4DE478;
    --ace-warning: #F59E0B;
    --ace-error: #EF4444;
}

/* --- Accent-dependent components, shared by every page ------------------- */
.glow-primary { box-shadow: 0 0 80px rgba(var(--ace-primary-rgb), 0.15); }
.gradient-text { background: linear-gradient(135deg, var(--ace-primary) 0%, var(--ace-secondary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.phone-glow { background: rgba(var(--ace-primary-rgb), 0.5); filter: blur(60px); }

/* Prose links on the legal pages. */
.prose a { color: var(--ace-primary); text-decoration: underline; text-underline-offset: 2px; }
.prose a:hover { color: var(--ace-secondary); }