/* OK-IT Brand Design Tokens */

@font-face {
    font-family: 'Inter';
    src: url('../Fonts/Inter-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../Fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../Fonts/Inter-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../Fonts/Inter-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Colors */
    --okit-black:       #0a0a0a;
    --okit-white:	#ffffff;
    --okit-accent:      #00d4a0;
    --okit-accent-dark: #00a87e;
    --okit-accent-rgb:  0, 212, 160;
    --okit-grey-100:    #f0f0eb;
    --okit-grey-200:    #e0e0da;
    --okit-grey-400:    #9a9a94;
    --okit-grey-700:    #3a3a36;
    --okit-grey-900:    #1a1a18;

    /* Typography */
    --okit-font-display: 'Inter', 'Helvetica Neue', sans-serif;
    --okit-font-body:    'Inter', 'Helvetica Neue', sans-serif;
    --okit-font-mono:    'DM Mono', 'Courier New', monospace;

    /* Font sizes */
    --okit-text-xs:   0.75rem;
    --okit-text-sm:   0.875rem;
    --okit-text-base: 1rem;
    --okit-text-lg:   1.125rem;
    --okit-text-xl:   1.25rem;
    --okit-text-2xl:  1.5rem;
    --okit-text-3xl:  2rem;

    /* Spacing scale */
    --okit-space-xs:  0.25rem;
    --okit-space-sm:  0.5rem;
    --okit-space-md:  1rem;
    --okit-space-lg:  2rem;
    --okit-space-xl:  4rem;
    --okit-space-xxl: 8rem;

    /* Layout */
    --okit-container-max: 1200px;
    --okit-border-radius: 2px;
    --okit-border-radius-md: 4px;

    /* Shadows */
    --okit-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --okit-shadow-md: 0 4px 16px rgba(0,0,0,0.10);
    --okit-shadow-lg: 0 8px 32px rgba(0,0,0,0.12);

    /* Transitions */
    --okit-transition: 150ms ease;
    --okit-transition-slow: 300ms ease;

    /* Header height */
    --okit-header-height: 4rem;
}