/*======================================================================
MF-01

DESIGN TOKENS FOUNDATION
Version : 3.0
======================================================================*/

:root{

--ms-bg:#0D1111;

--ms-surface:#121818;

--ms-surface-soft:#161D1D;

--ms-surface-hover:#1C2424;

--ms-gold:#C5A572;

--ms-gold-soft:#D5BFA3;

--ms-gold-hover:#DFC79D;

--ms-white:#FFFFFF;

--ms-text:#E1E1E1;

--ms-text-soft:#C8C8C8;

--ms-text-muted:#9AA5A9;

--ms-border:rgba(197,165,114,.18);

--ms-border-hover:rgba(197,165,114,.35);

--ms-success:#3FA66B;

--ms-warning:#C89A3D;

--ms-error:#C95B5B;

--ms-info:#4F86C6;

--ms-font-primary:"Inter",sans-serif;

--ms-font-heading:var(--ms-font-primary);

--ms-font-body:var(--ms-font-primary);

--ms-h1:56px;

--ms-h2:44px;

--ms-h3:28px;

--ms-body:18px;

--ms-small:14px;

--ms-fw-regular:400;

--ms-fw-medium:500;

--ms-fw-semibold:600;

--ms-fw-bold:700;

--ms-lh-tight:1.08;

--ms-lh-heading:1.20;

--ms-lh-body:1.80;

--ms-lh-loose:2.00;

--ms-letter-tight:-0.02em;

--ms-letter-normal:0;

--ms-letter-wide:.08em;

--ms-space-0:0;

--ms-space-1:4px;

--ms-space-2:8px;

--ms-space-3:12px;

--ms-space-4:16px;

--ms-space-5:20px;

--ms-space-6:24px;

--ms-space-8:32px;

--ms-space-10:40px;

--ms-space-12:48px;

--ms-space-16:64px;

--ms-space-20:80px;

--ms-space-24:96px;

--ms-space-30:120px;

--ms-space-35:140px;

--ms-section-padding-y:140px;

--ms-section-padding-tablet:110px;

--ms-section-padding-mobile:84px;

--ms-radius-xs:6px;

--ms-radius-sm:10px;

--ms-radius-md:14px;

--ms-radius-lg:20px;

--ms-radius-xl:28px;

--ms-radius-pill:999px;

--ms-radius-circle:50%;

--ms-border-thin:1px;

--ms-border-medium:2px;

--ms-motion-fast:180ms;

--ms-motion-normal:300ms;

--ms-motion-slow:450ms;

--ms-motion-extra-slow:700ms;

--ms-ease-standard:ease;

--ms-ease-in:ease-in;

--ms-ease-out:ease-out;

--ms-ease-in-out:ease-in-out;

--ms-shadow-xs:0 2px 6px rgba(0,0,0,.08);

--ms-shadow-sm:0 4px 12px rgba(0,0,0,.12);

--ms-shadow-md:0 10px 24px rgba(0,0,0,.18);

--ms-shadow-lg:0 18px 40px rgba(0,0,0,.24);

--ms-shadow-xl:0 24px 52px rgba(0,0,0,.30);

--ms-container:1280px;

--ms-container-wide:1440px;

--ms-container-narrow:980px;

--ms-container-padding:24px;

--ms-breakpoint-desktop:1280px;

--ms-breakpoint-laptop:1200px;

--ms-breakpoint-tablet:1024px;

--ms-breakpoint-mobile:767px;

--ms-opacity-disabled:.45;

--ms-opacity-muted:.65;

--ms-opacity-soft:.85;

--ms-opacity-full:1;

--ms-z-base:1;

--ms-z-dropdown:100;

--ms-z-sticky:500;

--ms-z-overlay:900;

--ms-z-modal:1000;

--ms-z-toast:1100;

}