$header-font: Poppins;
$display-font: Inter;

// Sticker-book pastel palette
$bg-peach: #ffe2c4;
$bg-cream: #fff5dd;
$bg-pink: #f8c8d6;
$bg-blue: #cfd9f0;

// Surfaces, cards / chips
$surface-deep: #ffffff;
$surface-mid: rgba( 255, 255, 255, 0.92 );
$surface-light: rgba( 42, 31, 48, 0.06 );
$surface-hover: rgba( 42, 31, 48, 0.12 );

// Accent colours
$accent-red: #ff4d6a;
$accent-pink: #ff84a3;
$accent-blue: #6c8fe0;
$accent-cyan: #7ed4d9;
$accent-yellow: #ffd23d;
$accent-green: #7cd9a8;
$accent-orange: #f4a261;
$accent-purple: #7b2d8b;

// Tape colours
$tape-yellow: rgba( 255, 210, 61, 0.78 );
$tape-cyan: rgba( 126, 212, 217, 0.78 );

// Smoked-glass pills (the standings style): dark translucent rounded pills with
// bold white text; the highlighted/selected item flips to a solid white pill.
$pill-dark: rgba( 22, 20, 30, 0.55 );
$pill-dark-solid: rgba( 22, 20, 30, 0.85 );
$pill-hover: rgba( 22, 20, 30, 0.75 );
$pill-inner: rgba( 255, 255, 255, 0.12 );
$pill-radius: 20px;

// Text
$text-default: #2a1f30;
$text-muted: rgba( 42, 31, 48, 0.55 );
$text-on-yellow: #4a2e00;
$text-on-green: #0e3a14;
$text-bright: #ffffff;

// HUD text (light, for use over game world)
$hud-text: #ffffff;
$hud-text-muted: rgba( 255, 255, 255, 0.7 );
$hud-shadow: 0px 2px 4px rgba( 0, 0, 0, 0.6 );

// Shadows
$shadow-soft: rgba( 60, 40, 60, 0.18 );
$shadow-chunky: rgba( 0, 0, 0, 0.18 );

// Edge deadzones, pushes UI inward from each screen edge.
$deadzone-x: 96px;
$deadzone-y: 86px;

.main-bg
{
    background-image: url( "ui/background.png" );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}