/* NetShow design tokens — shared by the TV/web app, the portal and the admin panel.
   The visual identity comes from the TV app: brand red on deep black, Cairo for text, Bebas Neue for the logo. */
:root {
    --ns-red: #e50914;
    --ns-red-hover: #f6121d;
    --ns-red-soft: rgba(229, 9, 20, 0.16);
    --ns-red-glow: rgba(229, 9, 20, 0.35);

    --ns-bg: #000000;
    --ns-bg-elevated: #0b0b0b;
    --ns-surface: #121212;
    --ns-surface-2: #1a1a1a;
    --ns-surface-3: #242424;
    --ns-border: rgba(255, 255, 255, 0.10);
    --ns-border-strong: rgba(255, 255, 255, 0.22);

    --ns-text: #ffffff;
    --ns-text-muted: rgba(255, 255, 255, 0.68);
    --ns-text-faint: rgba(255, 255, 255, 0.45);

    --ns-success: #4ade80;
    --ns-success-soft: rgba(74, 222, 128, 0.14);
    --ns-warning: #fbbf24;
    --ns-warning-soft: rgba(251, 191, 36, 0.14);
    --ns-danger: #ff6b6b;
    --ns-danger-soft: rgba(255, 107, 107, 0.14);
    --ns-info: #60a5fa;
    --ns-info-soft: rgba(96, 165, 250, 0.14);

    --ns-font: "Cairo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --ns-font-logo: "Bebas Neue", "Cairo", Arial, sans-serif;
    /* Product wordmark: Righteous in English, Reem Kufi Ink in Arabic (both SIL OFL, bundled in app/assets/fonts). */
    --ns-font-brand-en: "Righteous", "Cairo", Arial, sans-serif;
    --ns-font-brand-ar: "Reem Kufi Ink", "Cairo", Arial, sans-serif;

    --ns-radius-sm: 10px;
    --ns-radius: 16px;
    --ns-radius-lg: 22px;
    --ns-radius-pill: .6em;
    /* One corner style everywhere, matching the "TV" badge of the logo (corner ≈ a quarter of the height):
       wide controls scale with their text, square shapes (avatars, icon buttons) with their size. */
    --ns-radius-control: .6em;
    --ns-radius-shape: 24%;

    --ns-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
    --ns-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.6);
    --ns-focus-ring: 0 0 0 3px var(--ns-bg), 0 0 0 6px var(--ns-red);

    --ns-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
    --ns-fast: 140ms;
    --ns-normal: 220ms;
}