/* Font Face Declaration */
@font-face {
    font-family: "Space Grotesk Softsense Light";
    src: url("./SpaceGroteskSoftsense-VF.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Improves loading performance */
}

:root {
    --accent-stroke-control-rest: linear-gradient(#1263ff 90%, #09182e 100%);
    --accent-stroke-control-hover: linear-gradient(#3b7eff 90%, #0050ea 100%);
    --accent-stroke-control-active: #3b7eff;
    --accent-stroke-control-focus: linear-gradient(#1263ff 90%, #09182e 100%);
    /* Font Variables */
    --body-font: "Space Grotesk Softsense Light"; /*, "Segoe UI Variable", "Segoe UI", sans-serif;*/
    --font-primary: "Space Grotesk Softsense Light"; /*, "Segoe UI Variable", "Segoe UI", sans-serif;*/
    --font-secondary: "Segoe UI Variable", "Segoe UI", sans-serif;
    --font-monospace: 'Courier New', monospace;
    /* Primary Colors */
    --primary-dark-blue: #09182e;
    --primary-dark-blue-30: #111e31;
    --primary-dark-blue-80: #0a0f29;
    --primary-blue: #1263ff;
    --primary-blue-30: #3b7eff;
    --primary-blue-80: #0050ea;
    --primary-light-blue: #c5fffe;
    --primary-light-blue-30: #defffe;
    --primary-light-blue-80: #91fffd;
    --primary-orange: #ed6633;
    --primary-orange-30: #f68a62;
    --primary-orange-80: #e54205;
    --primary-brown: #92877e;
    --primary-brown-30: #b8aca3;
    --primary-brown-80: #7f746b;
    --primary-grey: #e8e8e5;
    --primary-grey-30: #efefed;
    --primary-grey-80: #e0e0dc;
    /* Accent Colors */
    --accent-white: #ffffff;
    --accent-white-20: #f0f7ff;
    --accent-white-50: #d2e3f5;
    --accent-white-70: #c1d6eb;
    --accent-white-100: #a2bdd8;
    --accent-blue-20: #c4d8ff;
    --accent-blue-50: #8ab1ff;
    --accent-blue-70: #4f8aff;
    --accent-blue-100: #1263ff;
    --accent-black: #000000;
    --accent-green-20: #d5f1e8;
    --accent-green-50: #abe2d0;
    --accent-green-70: #82d4b9;
    --accent-green-100: #57c5a0;
    --accent-light-blue-20: #ebfeff;
    --accent-light-blue-50: #d7fefe;
    --accent-light-blue-70: #c0fdfe;
    --accent-light-blue-100: #8bfbfd;
    --accent-orange-20: #fbdacd;
    --accent-orange-50: #f6b49a;
    --accent-orange-70: #f28f68;
    --accent-orange-100: #ed6633;
    --accent-yellow-20: #fff5ba;
    --accent-yellow-50: #fff098;
    --accent-yellow-70: #ffea73;
    --accent-yellow-100: #ffdc18;
    --accent-brown-20: #e3e1df;
    --accent-brown-50: #c8c3be;
    --accent-brown-70: #aca49e;
    --accent-brown-100: #92877e;
}