/* ============================================================================
   Innovation Student Consultancy — "Aurora Path" design tokens.
   Colours are measured from the client logo (navy / ocean / sky / cyan / orange / gold).
   Latin: Plus Jakarta Sans (self-hosted). Bangla: Anek Bangla (headings) + Hind Siliguri (body),
   loaded from Google Fonts on Bangla pages only (see _Layout).
   ========================================================================== */

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/fonts/plus-jakarta-sans-latin-wght.woff2') format('woff2');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

:root {
    /* brand (from the logo) */
    --ink: #101F2B;          /* body text */
    --navy: #0F3863;         /* "INNOVATION" wordmark - headings */
    --navy-900: #0B2237;     /* deep base: footer, hero art */
    --ocean: #14518B;        /* links + primary buttons (white text 8:1) */
    --sky: #3591C9;          /* icons, large text, gradients (NOT small text: 3.2:1) */
    --cyan: #74DCF9;         /* arrow tip - aurora highlight */
    --mist: #CFF1FA;
    --mist-50: #EAF7FC;
    --paper: #F5F8FB;        /* page background - never pure white (cards may be white) */
    --orange: #F77E36;       /* light-bulb - CTA fill + sparks (label on it = navy) */
    --orange-deep: #F6672B;
    --gold: #F8C671;         /* sparkle */
    --orange-ink: #C2410C;   /* orange TEXT on light backgrounds (AA 5.2:1) */

    --ink-soft: #3E5568;
    --muted: #5C7083;
    --line: #D9E3EC;
    --line-strong: #C3D1DD;
    --danger: #C0392B;
    --success: #2E9E6B;

    /* gradients */
    --grad-aurora: linear-gradient(120deg, var(--navy) 0%, var(--ocean) 42%, var(--sky) 78%, var(--cyan) 100%);
    --grad-spark: linear-gradient(135deg, var(--gold) 0%, var(--orange) 55%, var(--orange-deep) 100%);

    /* radius language: cards 16, panels 20, controls 10 (no pill buttons among square cards) */
    --radius-card: 16px;
    --radius-panel: 20px;
    --radius-sm: 10px;

    /* shadows only for things that float */
    --shadow-float: 0 12px 32px rgba(11, 34, 55, .16);
    --shadow-pop: 0 18px 48px rgba(11, 34, 55, .22);

    /* type */
    --font-head: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --ls-eyebrow: .12em;
    --lh-body: 1.6;

    /* motion */
    --ease-out: cubic-bezier(.22, .8, .3, 1);

    /* legacy aliases - older views/inline styles still read these names */
    --primary: var(--ocean);
    --primary-dark: var(--navy);
    --primary-soft: var(--mist-50);
    --accent: var(--orange);
    --accent-dark: var(--orange-deep);
    --accent-soft: #FFE9DC;
    --dark: var(--navy-900);
    --dark-2: var(--navy);
    --page: var(--paper);
    --card: #FFFFFF;
    --radius: var(--radius-card);
    --shadow-sm: none;
    --shadow: var(--shadow-float);
    --shadow-lg: var(--shadow-pop);
}

/* Bangla: no letter-spacing / uppercase, looser leading, Bangla faces first-class */
html[lang="bn"] {
    --ls-eyebrow: 0;
    --lh-body: 1.75;
    --font-head: 'Anek Bangla', 'Plus Jakarta Sans', 'Noto Sans Bengali', system-ui, sans-serif;
    --font-body: 'Hind Siliguri', 'Plus Jakarta Sans', 'Noto Sans Bengali', system-ui, sans-serif;
}