:root {
    --bg-a: #08080c;
    --bg-b: #0e0f14;
    --card: rgba(255, 255, 255, 0.025);
    --card-hover: rgba(255, 255, 255, 0.04);
    --stroke: rgba(255, 255, 255, 0.07);
    --text: #dcdde2;
    --text-bright: #f4f4f6;
    --muted: #7a7d8a;
    --accent: #c9963e;
    --accent-dim: rgba(201, 150, 62, 0.12);
    --accent-glow: rgba(201, 150, 62, 0.32);
    --ok: #4cc9a7;
    --bad: #d96060;
    --discord: #5865f2;
    --discord-hover: #4752c4;
    --sans: "Inter", "Segoe UI", system-ui, sans-serif;
    --display: "Dragnel", Georgia, serif;
    --radius: 14px;
    --radius-sm: 10px;
    --section-gap: clamp(32px, 6vw, 56px);
    --wrap: min(1180px, 100%);
}

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

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