/*
Theme Name: CG Theme
Theme URI: https://catgurukul.com
Author: CLAT Gurukul
Author URI: https://catgurukul.com
Description: Lightweight custom theme for CLAT Gurukul — replaces BuddyBoss Theme. Works with BuddyBoss Platform plugin, LearnDash, MemberPress, and all CG custom plugins.
Version: 1.0.6
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cg-theme
*/

/* ── Athletics Font Family ─────────────────────────────────── */
@font-face {
    font-family: "Athletics";
    src: url("assets/fonts/Athletics-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Athletics";
    src: url("assets/fonts/Athletics-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Athletics";
    src: url("assets/fonts/Athletics-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Athletics";
    src: url("assets/fonts/Athletics-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Design Tokens — used across all CSS files */
:root {
    /* ───── Brand (locked, used 87× navy / 85× orange across cg-theme + plugins) ───── */
    --cg-navy: #1B2D4F;
    --cg-navy-darkest: #0F1E3A;       /* H1, deep emphasis */
    --cg-navy-mid: #2A3B5C;           /* body text — was #374151 (Tailwind), now navy-family for cohesion */
    --cg-navy-muted: #5A6B85;         /* H4, secondary headings */
    --cg-orange: #FF6B35;
    --cg-orange-hover: #e55a25;       /* preserved for back-compat */
    --cg-orange-dark: #E85420;        /* AA-pass on white for orange-on-white text ≥ body size */
    --cg-orange-deeper: #C7441A;      /* button :active state */

    /* ───── Heading hierarchy via tonal navy + single orange accent on H1 ───── */
    --cg-h1: #0F1E3A;
    --cg-h2: #1B2D4F;
    --cg-h3: #2A3B5C;
    --cg-h4: #5A6B85;
    --cg-h1-accent: #FF6B35;          /* 3px underline-bar on H1 only */

    /* ───── Functional grays (navy-tinted, not neutral) ───── */
    --cg-text: #2A3B5C;               /* WAS #374151 — now AA-pass navy-family. Body. 10.2:1 on white. */
    --cg-text-light: #5A6B85;
    --cg-text-muted: #8A95A8;         /* WAS #94a3b8 — slightly cooler, ≥14px only (3.4:1) */
    --cg-text-heading: #1B2D4F;
    --cg-text-inverse: #FFFFFF;

    /* ───── Surfaces ───── */
    --cg-bg: #F7F9FC;                 /* WAS #f8fafc — minor warmth */
    --cg-bg-white: #FFFFFF;
    --cg-bg-subtle: #EBEEF3;          /* hover surfaces, divider backgrounds */

    /* ───── Borders ───── */
    --cg-border: #D5DAE3;             /* WAS #e5e7eb — slightly more visible (44× usage) */
    --cg-border-light: #EBEEF3;
    --cg-border-strong: #8A95A8;

    /* ───── Semantic accents (non-Material defaults) ───── */
    --cg-green: #0E9F6E;              /* emerald-teal — pairs with navy */
    --cg-green-bg: #D1FAE5;
    --cg-yellow: #D97706;             /* burnt amber — distinct from brand orange */
    --cg-yellow-bg: #FEF3C7;
    --cg-red: #DC2626;                /* WAS #ef4444 — more grounded */
    --cg-red-bg: #FEE2E2;
    --cg-blue: #0EA5E9;               /* WAS #385DFF (operator-banned electric blue). Now sky cyan = info only */
    --cg-blue-bg: #E0F2FE;
    --cg-blue-hover: #0284C7;         /* preserved for back-compat */

    /* ───── EdTech state tokens ───── */
    --cg-completed: #0E9F6E;
    --cg-locked-premium: #5A4B7C;     /* plum, signals "VIP locked" not "broken/error" */
    --cg-quiz-correct-bg: #D1FAE5;
    --cg-quiz-correct-border: #0E9F6E;
    --cg-quiz-correct-text: #065F46;
    --cg-quiz-wrong-bg: #FEE2E2;
    --cg-quiz-wrong-border: #DC2626;
    --cg-quiz-wrong-text: #991B1B;
    --cg-quiz-selected-bg: #FFF4E6;
    --cg-quiz-selected-border: #FF6B35;
    --cg-quiz-review-bg: #FEF3C7;
    --cg-quiz-review-border: #D97706;
    --cg-mark-complete-bg: #0E9F6E;   /* override LD30 button — was invisible navy-on-navy */
    --cg-new-badge: #FF6B35;

    /* ───── Interactive states ───── */
    --cg-focus-ring: #FF6B35;
    --cg-disabled-bg: #EBEEF3;
    --cg-disabled-text: #8A95A8;

    /* ───── Layout + typography (unchanged) ───── */
    --cg-radius: 16px;
    --cg-radius-sm: 8px;
    --cg-radius-lg: 20px;
    --cg-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --cg-shadow-md: 0 8px 30px rgba(0,0,0,0.12);
    --cg-shadow-lg: 0 20px 60px rgba(0,0,0,0.15);
    --cg-font: 'Athletics', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --cg-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --cg-container: 1140px;
    --cg-container-wide: 1280px;
    --cg-nav-height: 72px;
    --cg-transition: 0.2s ease;
}

/* ───── Dark-mode pair tokens stay defined under .cg-dark-mode override ──
   Auto @media (prefers-color-scheme: dark) was removed 2026-05-04 because the
   rest of the UI (cards, inline styles in cg-experience-engine, etc.) is not
   dark-mode aware yet. To enable dark mode intentionally, add `cg-dark-mode`
   class to <html> or <body> via a toggle, then re-enable below.
   ───────────────────────────────────────────────────────────────────────── */
.cg-dark-mode {
    --cg-bg: #0F1E3A;
    --cg-bg-white: #1B2D4F;
    --cg-text: #CBD3E1;
    --cg-text-light: #8A95A8;
    --cg-border: #2A3B5C;
    --cg-h1: #FFFFFF;
    --cg-h2: #E8ECF5;
    --cg-h3: #CBD3E1;
    --cg-h4: #8A95A8;
}