/**
 * Contextual SEO — Shared Design Tokens
 * Used by both admin and frontend for visual consistency.
 */

:root {
        /* Brand */
        --cseo-primary: #3b82f6;
        --cseo-primary-dark: #2563eb;
        --cseo-primary-light: #60a5fa;
        --cseo-accent: #fbbf24;
        --cseo-accent-dark: #f59e0b;

        /* Surfaces */
        --cseo-bg: #f8fafc;
        --cseo-surface: #ffffff;
        --cseo-surface-alt: #f1f5f9;

        /* Text */
        --cseo-text: #0f172a;
        --cseo-text-muted: #64748b;
        --cseo-text-subtle: #94a3b8;
        --cseo-on-primary: #ffffff;

        /* Borders */
        --cseo-border: #e2e8f0;
        --cseo-border-strong: #cbd5e1;

        /* Spacing (4px scale) */
        --cseo-space-1: 4px;
        --cseo-space-2: 8px;
        --cseo-space-3: 12px;
        --cseo-space-4: 16px;
        --cseo-space-5: 20px;
        --cseo-space-6: 24px;
        --cseo-space-8: 32px;
        --cseo-space-10: 40px;

        /* Radii */
        --cseo-radius-sm: 4px;
        --cseo-radius: 6px;
        --cseo-radius-md: 8px;
        --cseo-radius-lg: 12px;
        --cseo-radius-pill: 999px;

        /* Shadow */
        --cseo-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
        --cseo-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
        --cseo-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.04);
        --cseo-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04);

        /* Typography */
        --cseo-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "Vazirmatn", IRANSans, Roboto, sans-serif;
        --cseo-font-mono: "SF Mono", Menlo, Monaco, Consolas, "Courier New", monospace;
        --cseo-fs-xs: 11px;
        --cseo-fs-sm: 12px;
        --cseo-fs-base: 14px;
        --cseo-fs-md: 15px;
        --cseo-fs-lg: 17px;
        --cseo-fs-xl: 20px;
        --cseo-fs-2xl: 24px;
        --cseo-fs-3xl: 32px;

        /* Motion */
        --cseo-ease: cubic-bezier(0.4, 0, 0.2, 1);
        --cseo-dur: 200ms;
        --cseo-dur-fast: 120ms;

        /* Z-index scale (frontend — must overlay site chrome & most plugins) */
        --cseo-z-tb: 99990;       /* Top Bar */
        --cseo-z-tb-sticky: 99991;
        --cseo-z-modal: 100000;   /* Frontend modals/overlays */
        /* Note: admin uses its own --cseo-z-* scale (0–1000) since WP admin
           chrome doesn't need 5-digit z-index values. */
}