* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #af3dff;
    --primary-20: #af3dff33;
    --bg-dark-blue: #05080c;
    --bg-dark-blue-variant: #17263a;
    --bg-light-blue: #253d5d;
    --text-light: #EAF6F6;
    --text-light-blue: #bccde4;
    --mist-white: #EAF6F6;
    --text-gray: #424242;
    --text-dark-gray: #1F2937;
    --ghost-white: #FBFBFA;
    --gallery-gray: #F2F2F2;
    --appricot-20: #FF9E6333;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    line-height: 1.6;
    color: var(--text-light);
    background: var(--bg-dark-blue);
}