/*
==========================================================
OUANAMINTHE FC - DESIGN TOKENS
Version : 1.0
Author : Cherlin Elmorin
==========================================================
*/

:root{

/* ==========================================
   COLORS
========================================== */

--color-primary:#33A8FF;
--color-primary-dark:#0077CC;
--color-primary-light:#D9F0FF;

--color-white:#FFFFFF;

--color-background:#F8FBFF;

--color-surface:#FFFFFF;

--color-text:#1E293B;

--color-text-light:#64748B;

--color-border:#E2E8F0;

--color-success:#22C55E;

--color-warning:#F59E0B;

--color-danger:#EF4444;



/* ==========================================
   TYPOGRAPHY
========================================== */

--font-heading:'Montserrat',sans-serif;

--font-body:'Poppins',sans-serif;



/* Font Sizes */

--fs-12:.75rem;

--fs-14:.875rem;

--fs-16:1rem;

--fs-18:1.125rem;

--fs-20:1.25rem;

--fs-24:1.5rem;

--fs-30:1.875rem;

--fs-36:2.25rem;

--fs-42:2.625rem;

--fs-48:3rem;

--fs-60:3.75rem;



/* Font Weight */

--fw-300:300;

--fw-400:400;

--fw-500:500;

--fw-600:600;

--fw-700:700;

--fw-800:800;



/* Line Height */

--lh-tight:1.2;

--lh-normal:1.5;

--lh-relaxed:1.8;



/* ==========================================
   SPACING SYSTEM
========================================== */

--space-4:4px;

--space-8:8px;

--space-12:12px;

--space-16:16px;

--space-20:20px;

--space-24:24px;

--space-32:32px;

--space-40:40px;

--space-48:48px;

--space-56:56px;

--space-64:64px;

--space-80:80px;

--space-96:96px;

--space-120:120px;



/* ==========================================
   BORDER RADIUS
========================================== */

--radius-sm:8px;

--radius-md:16px;

--radius-lg:24px;

--radius-xl:40px;

--radius-pill:999px;



/* ==========================================
   SHADOWS
========================================== */

--shadow-sm:0 2px 8px rgba(0,0,0,.05);

--shadow-md:0 8px 25px rgba(0,0,0,.08);

--shadow-lg:0 15px 40px rgba(0,0,0,.12);



/* ==========================================
   TRANSITIONS
========================================== */

--transition-fast:.25s ease;

--transition-normal:.4s ease;

--transition-slow:.7s ease;



/* ==========================================
   CONTAINER
========================================== */

--container-width:1320px;



/* ==========================================
   HEADER
========================================== */

--topbar-height:40px;

--header-height:90px;



/* ==========================================
   Z INDEX
========================================== */

--z-dropdown:100;

--z-sticky:500;

--z-fixed:700;

--z-modal:900;

--z-loader:9999;

}