:root {
    /* ====== Color Variables ====== */
    --color-primary: #2B3f59;
    --color-secondary: #F6F6F6;

    --color-highlight: #FFE271;


          /* === RGB variant === */
          --color-primary-rgb: 43, 63, 89;
          --color-secondary-rgb: 246, 246, 246;
  
    /* ====== Neutral Colors ====== */
    --color-text-light: var(--color-secondary);
    --color-text-dark: var(--color-primary);

    /* ====== States ====== */


    /* ===== Specific ===== */
    --color-logo-text: #EFBF00;


    /* ===== Font Family ===== */

    --font-family-main: "Inter";
    --font-family-logo: "";
    --font-family-header: "Yeseva One";
    --font-family-title: "Staatliches";
  }