/* VARIABLE*/
:root {
    --obsidian: #0A0A0A;
    --carbon: #111213;
    --asphalt: #1C1D1F;
    --fog: #2E3035;
    --mist: #4A4D54;
    --silver: #9EA3AD;
    --cloud: #D4D8DF;
    --white: #F0F2F5;
    --accent: #C8A96E;
    --accent-dim: #8A7248;
    --accent-glow: rgba(200, 169, 110, .12);
    --f-display: 'Barlow Condensed', sans-serif;
    --f-body: 'DM Sans', sans-serif;
    --f-mono: 'JetBrains Mono', monospace;
    --ease: cubic-bezier(.25, .46, .45, .94);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-drama: cubic-bezier(.16, 1, .3, 1);
    --px: clamp(24px, 6vw, 80px);
    --py: clamp(80px, 10vw, 140px);
    --max: 1280px;
    --r-sm: 4px;
    --r-md: 8px;
    --r-lg: 16px;
    --r-full: 9999px;
}