/* ════════════════════════════════
   CSS VARIABLES — Design tokens
   Loaded first, inherited by all CSS files.
════════════════════════════════ */

:root {
    /* ── Brand colors ── */
    --ncp-primary: #1C2A3A;
    --ncp-secondary: #D8E1EA;
    --ncp-tertiary: #E6EAEE;
    --ncp-accent: #C9B79C;

    /* ── Text ── */
    --text: #0B1F3B;
    --text-muted: #6B7280;
    --text-light: rgba(255, 255, 255, 0.8);
    --text-inverted: #FFFFFF;
    --muted: #6B7280;

    /* ── Background ── */
    --bg: #FFFFFF;
    --bg-light: #F7F8FA;
    --bg-dark: #1C2A3A;

    /* ── Borders ── */
    --border-light: #E3E6EA;
    --border-dark: rgba(255, 255, 255, 0.2);

    /* ── Inputs ── */
    --input-bg: rgba(255, 255, 255, 0.1);
    --input-border: rgba(255, 255, 255, 0.3);
    --input-radius: 0;

    /* ── Layout ── */
    --container-max: 1200px;
    --container-pad: clamp(16px, 2.6vw, 40px);
    --radius: 0;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 22px;
    --radius-round: 45px;

    /* ── Spacing ── */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;

    /* ── Typography ── */
    --font-heading: "Playfair Display", Georgia, "Times New Roman", serif;
    --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* Fluid font sizes */
    --fs-h1: clamp(36px, calc(28px + 2.2vw), 60px);
    --fs-h2: clamp(28px, calc(24px + 1.1vw), 40px);
    --fs-h3: clamp(22px, calc(20px + 0.7vw), 28px);
    --fs-body: clamp(16px, calc(15px + 0.2vw), 18px);
    --fs-small: clamp(13px, calc(12.7px + 0.1vw), 14px);

    /* Line heights */
    --lh-tight: 1.1;
    --lh-title: 1.3;
    --lh-body: 1.6;

    /* ── Shadows ── */
    --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.10);

    /* ── Transitions ── */
    --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --dur: 180ms;
    --dur-fast: 140ms;

    /* ── Z-index ── */
    --z-header: 50;
    --z-dropdown: 60;
    --z-modal: 100;

    /* ── Form ── */
    --required: #e06b8a;

    /* ── Admin sidebar ── */
    --sw: 240px;










    /* --accent: #7C9EFF;
    --accent2: #C3B8F8;
    --green: #5ecfae;
    --red: #FF6B8A;
    --orange: #FFB86C;
    --pink: #FF7EB3;
    --text: #1a1a2e;
    --muted: #8a8fa8;

    --bg: #f0f2fb; */
}