/* Strive Jouvert – Brand helpers (used alongside Tailwind CDN loaded in the page) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    /* ─────────────────────────────────────────────────────────
     SEASON TOKENS — change these for each year's colour scheme
     ───────────────────────────────────────────────────────── */
    --brand-primary: #5B21B6; /* main CTAs, nav, buttons      */
    --brand-primary-hover: #4C1D95; /* hover / pressed state        */
    --brand-primary-muted: #DDD6FE; /* light borders, dividers      */
    --brand-primary-surface: #F5F3FF; /* very light wash backgrounds  */
    --brand-primary-glow: rgba(91, 33, 182, 0.35); /* drop-shadow / glow           */
    --brand-primary-glow-lg: rgba(91, 33, 182, 0.45); /* stronger glow on hover       */
    --brand-accent: #D97706; /* secondary / amber gold       */
    --brand-dark: #3B0764;
    --brand-light:  #EDE9FE;
    --brand-border: #C4B5FD;
    --brand-row:    #EDE9FE;

    /* ─────────────────────────────────────────────────────────
     NEUTRALS — rarely change
     ───────────────────────────────────────────────────────── */
    --brand-ink: #0b0b0b;
    --brand-fog: #f6f7f8;
    --brand-white: #ffffff;

    /* ─────────────────────────────────────────────────────────
     STATUS COLOURS — change only if clashing with new scheme
     ───────────────────────────────────────────────────────── */
    --status-success-bg: #d4edda;
    --status-success-text: #155724;
    --status-success-border: #c3e6cb;
    --status-error-bg: #f8d7da;
    --status-error-text: #721c24;
    --status-error-border: #f5c6cb;
    --status-error-strong: #c0392b; /* solid red for banners / alerts */
    --status-warning-text: #b45309;

    /* ─────────────────────────────────────────────────────────
     BACKWARD-COMPAT ALIASES
     Pages not yet migrated to semantic names still work.
     Remove these aliases once all pages use --brand-primary etc.
     ───────────────────────────────────────────────────────── */
    --brand-orange: var(--brand-primary);
    --brand-orange-hover: var(--brand-primary-hover);
    --brand-olive: var(--brand-accent);
}

  :root {
    --brand-primary-ch: 91, 33, 182;
    --brand-accent-ch: 217, 119, 6;
    --brand-accent-hover: #b45309;
    --brand-shadow-sm: rgba(var(--brand-primary-ch), 0.12);
    --brand-shadow-md: rgba(var(--brand-primary-ch), 0.18);
    --brand-shadow-lg: rgba(var(--brand-primary-ch), 0.25);
    --brand-overlay: rgba(var(--brand-primary-ch), 0.35);
  }

body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif;
  color:var(--brand-ink);
  background:var(--brand-fog);
}

/* Utility helpers to complement Tailwind */
.text-brand-orange{color:var(--brand-primary);}
.text-brand-olive{color:var(--brand-accent);}
.text-brand-ink{color:var(--brand-ink);}
.bg-brand-orange{background:var(--brand-primary);}
.bg-brand-olive{background:var(--brand-accent);}
.bg-brand-fog{background:var(--brand-fog);}
.border-brand-olive{border-color:var(--brand-accent);}
.shadow-card{box-shadow:0 10px 25px rgba(0,0,0,.08);}
.hover-lift{transition:transform .25s ease, box-shadow .25s ease;}
.hover-lift:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.12);}

.btn-primary{
  background:var(--brand-primary);color:#fff;border-radius:12px;
  padding:10px 16px;font-weight:600;transition:background .25s ease;
}
.btn-primary:hover{background:var(--brand-primary-hover);}
.btn-dark{
  background:var(--brand-ink);color:#fff;border-radius:12px;
  padding:10px 16px;font-weight:600;
}
.btn-dark:hover{background:#000;}