/* =========================================================
   CERFBOX - DESIGN TOKENS
   ========================================================= */

:root {
    /* Colors */
    --color-black: #242323;
    --color-black-dark: #111010;
    --color-footer: #1c1b1b;
    --color-text: #353131;
    --color-text-dark: #282626;
    --color-nav-text: #161515;
    --color-blue-dark: #0e1b4d;

    --color-white: #ffffff;
    --color-grey-light: #f3f3f3;
    --color-grey-hover: #eeeeee;
    --color-grey-card: #F9FAFC;
    --color-grey-medium: #6f6e6e;
    --color-grey-tag: #5d5b5b;
    --color-placeholder: #888888;
    --color-border: #d5d5d5;

    --color-yellow: #F8F32B;
    --color-yellow-bright: #fff21d;
    --color-yellow-soft: #FCF99D;
    --color-yellow-pale: #fff99d;
    --color-yellow-pale-2: #fcf99d;
    --color-cream: #FEFEEA;
    --color-cream-overlay: #FEFEEA;

    --shadow-menu-color: rgba(0, 0, 0, 0.08);

    /* Typography */
    --font-title: "Orbitron", sans-serif;
    --font-text: "Roboto", sans-serif;

    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-extrabold: 800;
    --weight-black: 900;

    /* Global typography sizes */
    --font-size-h1: 2.678571vw;
    --font-size-h2: 2vw;
    --font-size-h3: 1.4vw;
    --font-size-text: 1.4vw;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.35s ease;
    --transition-slow: 0.55s ease;
}