/**
 * Revenika front-office design tokens (directory, blog, compare, errors).
 * Admin UI is excluded. Forum uses forum-variables.css separately.
 */
:root {
    /* Surfaces */
    --bg-base: #ffffff;
    --bg-subtle: #fafafa;
    --bg-surface: #f3f4f6;
    --bg-body: #f9fafb;

    /* Typography */
    --text-primary: #111827;
    --text-secondary: #4b5563;
    --text-tertiary: #9ca3af;

    /* Borders & focus */
    --border-light: #e5e7eb;
    --border-subtle: var(--border-light);
    --border-hover: #d1d5db;
    --border-focus: #6b7280;

    /* Dark sections (aligned with site footer shell) */
    --bg-dark: #0b0f19;
    --text-inverse: #ffffff;
    --text-muted-on-dark: #9ca3af;

    /* Dark filled CTA (.btn-primary) — hover visibly darker than --text-primary */
    --btn-primary-bg: var(--text-primary);
    --btn-primary-fg: var(--text-inverse);
    --btn-primary-hover-bg: #030712;
    --btn-primary-hover-fg: var(--text-inverse);

    /* Accent & status */
    --accent-blue: #2563eb;
    --status-success: #10b981;
    --status-warning: #f59e0b;
    --status-danger: #ef4444;

    /* Micro-color chips (directory / badges) */
    --mc-blue-bg: #eff6ff;
    --mc-blue-text: #2563eb;
    --mc-blue-border: #dbeafe;
    --mc-purple-bg: #f5f3ff;
    --mc-purple-text: #7c3aed;
    --mc-purple-border: #ede9fe;
    --mc-teal-bg: #f0fdfa;
    --mc-teal-text: #0d9488;
    --mc-teal-border: #ccfbf1;
    --mc-orange-bg: #fff7ed;
    --mc-orange-text: #ea580c;
    --mc-orange-border: #ffedd5;
    --mc-rose-bg: #fff1f2;
    --mc-rose-text: #e11d48;
    --mc-rose-border: #ffe4e6;
    --mc-danger-bg: #fef2f2;
    --mc-danger-text: #dc2626;
    --mc-danger-border: #fee2e2;
    --mc-red-bg: #fef2f2;
    --mc-red-text: #dc2626;
    --mc-red-border: #fecaca;
    /* Forex directory: regulatory tier pills */
    --mc-reg-tier1-bg: #ecfdf5;
    --mc-reg-tier1-text: #047857;
    --mc-reg-tier1-border: #a7f3d0;
    --mc-reg-tier4-bg: var(--mc-orange-bg);
    --mc-reg-tier4-text: var(--mc-orange-text);
    --mc-reg-tier4-border: var(--mc-orange-border);
    --mc-reg-unregulated-bg: #fffbeb;
    --mc-reg-unregulated-text: #b45309;
    --mc-reg-unregulated-border: #fde68a;
    /* Forex directory: main list toolbar (sort / filters / search) */
    --dir-forex-toolbar-bg: #fdfdfd;
    --dir-forex-toolbar-border: #eeeeee;

    /* Radius */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-xl: 16px;

    /* Elevation & motion */
    --shadow-micro: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
    --shadow-modal: 0 8px 24px rgba(0, 0, 0, 0.08);
    --shadow-float: 0 -10px 40px -10px rgba(0, 0, 0, 0.15);
    --transition-speed: 0.2s;
    --transition: color var(--transition-speed) ease;

    /* Directory cards */
    --font-platform-directory-name: 30px;
    --font-forex-directory-broker-name: 35px;

    /* Join / auth page */
    --accent-primary: #2563eb;
    --accent-hover: #1d4ed8;
    --accent-gradient: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
    --accent-soft: rgba(37, 99, 235, 0.1);
    --transition-smooth: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    /* Blog article (TOC / prose helpers) */
    --prose-hr-height: 3px;
    --prose-hr-margin-block: 50px;
    --prose-hr-fill: #f5f5f5;
    --article-toc-rail-col: 28px;
    --article-toc-dot-hover: #1e3a8a;
    --article-toc-rail-line: var(--article-toc-dot-hover);
    --article-toc-ring-border: rgba(30, 58, 138, 0.38);
    --article-toc-ring-size: 12px;
    --article-toc-inner-dot: 6px;
    --article-toc-motion: cubic-bezier(0.4, 0, 0.2, 1);
    --article-toc-duration: 0.32s;
    --article-toc-label-gap: 16px;

    /* Site error page */
    --error-hero-code-size: 120px;

    /* Compare landing H1 "vs" pill */
    --compare-h1-vs-bg: #ffe846;
    --compare-h1-vs-padding: 8px 12px 12px 12px;
    --compare-h1-vs-radius: 100px;

    /* Compare matrix Partnership analysis list bullets */
    --compare-matrix-narrative-marker-size: 7px;
    --compare-matrix-narrative-advantages-tone: #089164;
}