/*
 * iEvent Design Tokens
 * --------------------
 * Shared foundation loaded on every plugin surface (admin, portal, public pages).
 * All surface stylesheets consume these tokens through their local variables,
 * keeping their existing hex values as fallbacks.
 *
 * Namespace: --ie-* (never collides with the per-surface --inv-* variables).
 * Fonts: one native system stack everywhere (SF Arabic on Apple
 * devices, Noto Sans Arabic on Android, Segoe UI on Windows).
 * Nothing is downloaded. --ie-font-display exists as a hook for a
 * future guest-page display font and currently equals --ie-font-sans.
 */

:root {
    /* Brand — iEvent purple. Identity accent only: logo marks, active nav,
       focus rings, featured badges. Never the default action color. */
    --ie-brand-050: #faf5ff;
    --ie-brand-100: #f3e8ff;
    --ie-brand-500: #ae35f2;
    --ie-brand-600: #9a1be0;
    --ie-brand-700: #7c16b8;
    --ie-brand-800: #641293;
    --ie-brand-rgb: 154, 27, 224;

    /* Action — operational blue used for repeated primary actions. */
    --ie-action-050: #eff6ff;
    --ie-action-100: #dbeafe;
    --ie-action-500: #3b82f6;
    --ie-action-600: #2563eb;
    --ie-action-700: #1d4ed8;
    --ie-action-rgb: 37, 99, 235;

    /* Neutrals — cool slate scale shared by every surface. */
    --ie-ink: #111827;
    --ie-ink-2: #334155;
    --ie-muted: #64748b;
    --ie-muted-2: #94a3b8;
    --ie-line: rgba(148, 163, 184, 0.28);
    --ie-line-strong: rgba(148, 163, 184, 0.45);
    --ie-panel: #f1f5f9;
    --ie-soft: #f8fafc;
    --ie-bg: #f7f7fb;
    --ie-surface: #ffffff;
    --ie-inverse: #0f172a;

    /* Semantic states. */
    --ie-success: #16a34a;
    --ie-success-ink: #166534;
    --ie-success-bg: #dcfce7;
    --ie-warning: #d97706;
    --ie-warning-ink: #92400e;
    --ie-warning-bg: #fef3c7;
    --ie-danger: #dc2626;
    --ie-danger-ink: #991b1b;
    --ie-danger-bg: #fee2e2;
    --ie-danger-rgb: 220, 38, 38;
    --ie-info: #0284c7;
    --ie-info-ink: #075985;
    --ie-info-bg: #e0f2fe;

    /* Typography. */
    --ie-font-sans: -apple-system, BlinkMacSystemFont, "SF Arabic", "Segoe UI", "Noto Sans Arabic", "Tahoma", sans-serif;
    --ie-font-display: -apple-system, BlinkMacSystemFont, "SF Arabic", "Segoe UI", "Noto Sans Arabic", "Tahoma", sans-serif;
    --ie-text-2xs: 11px;
    --ie-text-xs: 12px;
    --ie-text-sm: 13px;
    --ie-text-base: 14px;
    --ie-text-md: 16px;
    --ie-text-lg: 18px;
    --ie-text-xl: 20px;
    --ie-text-2xl: 24px;
    --ie-text-3xl: 28px;
    --ie-leading: 1.6;
    --ie-leading-tight: 1.3;

    /* Spacing — 4px base scale. */
    --ie-space-1: 4px;
    --ie-space-2: 8px;
    --ie-space-3: 12px;
    --ie-space-4: 16px;
    --ie-space-5: 20px;
    --ie-space-6: 24px;
    --ie-space-7: 32px;
    --ie-space-8: 40px;
    --ie-space-9: 48px;
    --ie-space-10: 64px;

    /* Radii. */
    --ie-radius-sm: 10px;
    --ie-radius-md: 14px;
    --ie-radius-lg: 18px;
    --ie-radius-pill: 999px;

    /* Elevation. */
    --ie-elev-1: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.05);
    --ie-elev-2: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 20px rgba(15, 23, 42, 0.05);
    --ie-elev-3: 0 12px 28px rgba(15, 23, 42, 0.1);

    /* Focus ring shared by interactive elements. */
    --ie-focus-ring: 0 0 0 3px rgba(154, 27, 224, 0.16);

    /* Touch targets. */
    --ie-control-h: 44px;
    --ie-control-h-lg: 48px;
    --ie-control-h-sm: 38px;
}