@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');

:root {
    --color-bg: #f0f4f8;
    /*--color-primary: #070824;*/
    --color-primary: #000f77;
    --color-primary-10: #000f7720;
    --color-primary-1: #357ABD;
    --color-secondary-1: #9d5c00;
    --color-secondary-gr-1: linear-gradient(45deg, var(--color-primary), var(--color-primary), var(--color-secondary-1), var(--color-primary), var(--color-primary));
    --color-secondary-gr-2: linear-gradient(-45deg, var(--color-secondary-1), var(--color-primary), var(--color-secondary-1));
    --color-text: #2c3e50;
    --color-text-light: #7c8dff;
    --color-g1: #014f01;
    --color-g2: #014f0190;
    --color-white: #fff;
    --color-1: #ddd;
    --color-1a: rgb(100 100 100);
    --color-2: #0c81b4;
    --pending-color: #A72808FF;
    --pending-bg: hsl(12, 91%, 34%, 0.3);
    --confirmed-color: hsl(110, 87%, 34%);
    --confirmed-bg: #1B4704FF;
    --transparent-10: hsla(0, 0%, 14%, 0.1);
    --transparent-50: hsla(0, 0%, 14%, 0.5);
    --transparent-90: hsla(0, 0%, 14%, 0.9);
    --input-bg: #fff;
    --input-border: #ccc;
    --error-color: red;
    --input-focus-border: var(--color-primary-1);
    --shadow-light: rgba(0, 0, 0, 0.2);
    --shadow-hover: rgba(0, 0, 0, 0.15);
    --border-radius: 12px;
    --transition-speed: 0.3s;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

body {
    height: 100%;
    display: flex;
}