/*
Theme Name: BNPP - Bangladesh Jatiyatabadi Peshajibi Dal
Theme URI: https://bnpp.bd
Author: Custom Build
Description: Official custom WordPress theme for Bangladesh Jatiyatabadi Peshajibi Dal (বাংলাদেশ জাতীয়তাবাদী পেশাজীবী দল / BNPP), the professional wing of Bangladesh Nationalist Party (BNP). Colors match the party emblem: red, green, and gold. Built from scratch with membership, donation, and social networking features.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bnpp
*/

/* ==========================================================================
   DESIGN TOKENS
   ========================================================================== */

:root {
  /* Brand colors -- sampled directly from the party emblem: bright red top
     half, deep green bottom half, gold stars. Variable names kept as
     -red/-green-deep/etc. (renamed from an earlier blue/navy palette) so
     every component using them updates automatically. */
  --bnpp-red: #e31e24;
  --bnpp-red-dark: #b8161b;
  --bnpp-green-deep: #063d24;
  --bnpp-green-deeper: #02210f;
  --bnpp-green: #0e9f54;
  --bnpp-green-light: #1dbe6b;
  --bnpp-gold: #e8b923;
  --bnpp-gold-light: #f5d666;

  /* Neutrals */
  --bnpp-white: #ffffff;
  --bnpp-mist: #f3f6f4;
  --bnpp-mist-dark: #e3ece6;
  --bnpp-ink: #17201b;
  --bnpp-ink-soft: #4a564e;
  --bnpp-line: #dbe4de;

  /* Type */
  --font-display: "Fraunces", "Noto Serif Bengali", Georgia, serif;
  --font-body: "Inter", "Noto Sans Bengali", -apple-system, sans-serif;

  /* Scale */
  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.16rem + 0.4vw, 1.5rem);
  --step-2: clamp(1.6rem, 1.4rem + 0.9vw, 2.1rem);
  --step-3: clamp(2.1rem, 1.7rem + 1.8vw, 3.2rem);
  --step-4: clamp(2.6rem, 2rem + 2.8vw, 4.4rem);

  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-card: 0 1px 2px rgba(6, 61, 36, 0.07), 0 8px 24px rgba(6, 61, 36, 0.07);
  --shadow-lift: 0 12px 32px rgba(6, 61, 36, 0.16);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}