/* ==========================================================================
   FT Grid 1 — Design Tokens
   Based on Skold template visual analysis
   ========================================================================== */

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope-variable.woff2') format('woff2');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/roboto-mono-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/ibm-plex-sans-arabic-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/ibm-plex-sans-arabic-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/ibm-plex-sans-arabic-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Colors — from Skold */
    --sk-dark: #242424;
    --sk-darker: #191919;
    --sk-white: #ffffff;
    --sk-lime: #EBFB48;
    --sk-aqua: #7DFFF1;
    --sk-aqua-hover: #63F0E1;
    --sk-pink: #FF6EC7;
    --sk-tool-default: #242424;
    --sk-tool-concordance: #1e5473;
    --sk-tool-workspace: #5d5a2b;
    --sk-tool-compare: #6a3f5f;
    --sk-tool-chat: #0f766e;
    --sk-tool-glossary: #8a3f1c;
    --sk-tool-index: #556b1f;
    --sk-tool-atlas: #1f5f9b;
    --sk-tool-explorer: #7a1f39;
    --sk-tool-glossary-explorer: #4a3880;
    --sk-tool-dossiers: #2f3944;
    --sk-gray: #777777;
    --sk-light-gray: #f5f5f5;

    /* Typography */
    --sk-font-body: 'Manrope', sans-serif;
    --sk-font-mono: 'Roboto Mono', monospace;
    --sk-font-arabic: 'IBM Plex Sans Arabic', 'Manrope', sans-serif;
    --sk-arabic-font-bump: 2pt;

    /* Font sizes — from Skold computed styles */
    --sk-body-size: 16px;
    --sk-body-lh: 1.8;
    --sk-nav-size: 13px;
    --sk-card-title-size: 15px;
    --sk-card-excerpt-size: 14px;
    --sk-h1-size: 30px;
    --sk-h1-single-size: clamp(25px, 3.5vw, 57px);
    --sk-h2-size: clamp(32px, 4vw, 48px);
    --sk-h3-size: 20px;
    --sk-footer-heading-size: 15px;
    --sk-label-size: 11px;
    --sk-ticker-size: 12px;

    /* Spacing */
    --sk-padding-xs: 8px;
    --sk-padding-sm: 16px;
    --sk-padding-md: 32px;
    --sk-padding-lg: 48px;
    --sk-padding-xl: 80px;

    /* Layout */
    --sk-sidebar-width: 260px;
    --sk-container-max: none;
    --sk-border: 1px solid var(--sk-dark);
    --sk-border-dark: 1px solid var(--sk-darker);
    --sk-navbar-height: 69px;
    --sk-subnav-height: 43px;
    --sk-ticker-height: 36px;

    /* Badge colors */
    --sk-badge-ar: #2c3e50;
    --sk-badge-en: #1a6b3c;
    --sk-badge-fr: #2a5a8c;
    --sk-badge-type: var(--sk-lime);
}