/* ==================================================
   RORIYA IMPORT EXPORT AND SERVICES (OPC) PVT LTD
   Design Tokens — the single source of truth for
   color, type, spacing, and motion across the site.
   ================================================== */

:root {

    /* ---------- Brand Colors ---------- */
    --color-primary: #0F4C81;
    /* deep ocean blue — trade routes, headers */
    --color-primary-dark: #0A3B66;
    --color-primary-light: #1E6BA8;

    --color-secondary: #0B6E4F;
    /* maritime green — confirmations, success */
    --color-secondary-dark: #085539;

    --color-accent: #F4B400;
    /* customs-stamp gold — CTAs, highlights */
    --color-accent-dark: #D89C00;

    --color-dark: #1F2937;
    /* body copy on light, dark sections */
    --color-light: #F8FAFC;
    /* section backgrounds */
    --color-white: #FFFFFF;

    /* ---------- Neutrals (derived) ---------- */
    --color-gray-100: #F1F4F8;
    --color-gray-200: #E2E8F0;
    --color-gray-400: #94A3B8;
    --color-gray-600: #475569;
    --color-gray-800: #1E293B;

    /* ---------- Glass / Overlay ---------- */
    --glass-bg: rgba(255, 255, 255, 0.08);
    --glass-bg-light: rgba(255, 255, 255, 0.65);
    --glass-border: rgba(255, 255, 255, 0.18);
    --overlay-dark: rgba(15, 23, 42, 0.72);
    --overlay-primary: rgba(15, 76, 129, 0.85);

    /* ---------- Typography ---------- */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Open Sans', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    /* manifest / tracking-label data */

    --fs-display: clamp(2.25rem, 4vw + 1rem, 4.5rem);
    --fs-h1: clamp(2.25rem, 3.5vw + 1rem, 3.75rem);
    --fs-h2: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);
    --fs-h3: clamp(1.35rem, 1.5vw + 1rem, 1.85rem);
    --fs-body-lg: 1.15rem;
    --fs-body: 1rem;
    --fs-small: 0.875rem;
    --fs-label: 0.75rem;

    --lh-tight: 1.1;
    --lh-heading: 1.25;
    --lh-body: 1.7;

    --ls-label: 0.14em;
    /* manifest-style tracking on eyebrow labels */

    /* ---------- Spacing Scale ---------- */
    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs: 0.75rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;
    --space-2xl: 6rem;
    --space-3xl: 9rem;

    --container-max: 1280px;
    --container-pad: clamp(1.25rem, 4vw, 3rem);

    /* ---------- Radius ---------- */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 24px;
    --radius-full: 999px;

    /* ---------- Shadows ---------- */
    --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.10);
    --shadow-lg: 0 20px 48px rgba(15, 23, 42, 0.16);
    --shadow-glow-accent: 0 0 32px rgba(244, 180, 0, 0.35);

    /* ---------- Motion ---------- */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-fast: 0.2s;
    --dur-base: 0.4s;
    --dur-slow: 0.8s;

    /* ---------- Z-index scale ---------- */
    --z-nav: 100;
    --z-overlay: 200;
    --z-modal: 300;
    --z-toast: 400;
}