/* ==========================================================================
   RESEARCHPLUGHUB V2.0 — DESIGN TOKENS
   Inspired by the premium, warm-cream, editorial aesthetic of Narratus.
   ========================================================================== */

:root {
    /* --- Typography Families --- */
    --font-display: 'Playfair Display', Georgia, serif;
    --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    
    /* --- Core Editorial Palette --- */
    --bg-primary: #FCFAF7;       /* Warm Cream / Alabaster (Primary background) */
    --bg-secondary: #F6F3EC;     /* Soft Oatmeal (Section backgrounds & card fill) */
    --bg-tertiary: #EEEDE7;      /* Deeper Warm Grey (Active states & subtle overlays) */
    
    --text-primary: #1E1C19;     /* Deep Scholarly Charcoal (High contrast, elegant readability) */
    --text-secondary: #524E48;   /* Warm Dark Slate (Subheaders and primary description body) */
    --text-muted: #827C74;       /* Soft Muted Taupe (Captions, labels, timestamps) */
    
    --accent-blue: #1E1C19;      /* Default Charcoal Black (Primary CTAs, trust states, links) */
    --accent-blue-hover: #524E48;/* Slate Gray (Hover state) */
    --accent-blue-alpha: rgba(30, 28, 25, 0.08); /* 8% Tinted black highlight background */
    --accent-bronze: #8E7C68;    /* Warm Gold / Bronze (Special badges, elite tiers, dividers) */
    --accent-bronze-light: #C9BDB0; /* Light bronze */
    --color-accent: #8B5E3C;       /* Primary Accent Bronze (Nav hover, active, hero italic, ghost btn hover) */
    
    /* --- Structure & Borders --- */
    --border-editorial: #E8E2D9;  /* Fine Oatmeal Border (1px solid crisp dividers & grids) */
    --border-editorial-dark: #D4C9BA; /* High contrast editorial border */
    
    /* --- Border Radii --- */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-pill: 9999px;
    
    /* --- Shadows (Subtle & Elegant) --- */
    --shadow-subtle: 0 4px 30px rgba(30, 28, 25, 0.02);
    --shadow-premium: 0 10px 40px rgba(30, 28, 25, 0.04);
    --shadow-hover: 0 20px 50px rgba(30, 28, 25, 0.08);
    
    /* --- Transition & Easing --- */
    --transition-fast: all 0.2s ease;
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* --- Spacing System --- */
    --space-xs: 0.5rem;   /* 8px */
    --space-sm: 1rem;     /* 16px */
    --space-md: 1.75rem;  /* 28px */
    --space-lg: 3rem;     /* 48px */
    --space-xl: 4.5rem;   /* 72px */
    --space-xxl: 6.5rem;  /* 104px */
}