/*
 * ════════════════════════════════════════════════════════════
 *  SimplyRSVP — theme.css
 *
 *  This file contains the COMPILED DEFAULT values for every
 *  CSS custom property.  An admin can override any of these
 *  at runtime by setting values in the site_themes DB table.
 *
 *  The layout/app Blade layout injects a <style> block just
 *  AFTER this <link> tag:
 *
 *    {!! App\Models\SiteTheme::activeCssVars() !!}
 *
 *  That block re-declares only the overridden variables,
 *  taking precedence over the defaults below because the
 *  <style> tag appears later in the cascade.
 *
 * ════════════════════════════════════════════════════════════
 */

:root {
    /* ── Shape / motion ──────────────────────────────── */
    --radius:      16px;
    --radius-sm:   10px;
    --transition:  all .22s ease;
    --sidebar-w:  260px;
    --header-h:   70px;
  
    /* ── Status colours ──────────────────────────────── */
    
    --danger:      #e74a3b;
    --rejected:    #e74a3b;
    --confirmed:   #10b981;

    /* ── Legacy aliases (keep for backwards compat) ─── */
 
    
    /* Chart colour palette referenced by conic-gradient in blade */
    --secondary1: #9b51e0;
    --tertiary:   #c8a45a;
   
    /* ── Tokens (mirror layout) ── */

    --navy:      #0f2540;
    --navy-mid:  #1a3a5c;
    --navy-lt:   #2d5f8a;
    --gold:      #c8a45a;
    --gold-lt:   #e6d09a;
    --gold-pale: #f7f0de;
    --cream:     #faf8f3;
    --white:     #ffffff;
    --ink:       #0c1923;
    --gray:      #7a8694;
    --mist:      #edf2f8;
    --border:    rgba(15,37,64,.10);
    --success:   #10b981;
    --error:     #ef4444;
    --warning:   #f59e0b;
    --r:         16px;
    --shadow-sm: 0 2px 16px rgba(0,0,0,.06);
    --shadow-md: 0 8px 40px rgba(0,0,0,.10);
    
       --primary:      var(--navy);
    --primary-dark: var(--ink);
    --secondary:    var(--gold-pale);
    

}