@import 'inzenra-ui/container.css';
@import 'inzenra-ui/grid.css';
@import 'inzenra-ui/card.css';
@import 'inzenra-ui/button.css';
@import 'inzenra-ui/link.css';
@import 'inzenra-ui/input.css';
@import 'inzenra-ui/image.css';
@import 'inzenra-ui/debug.css';

@font-face {
    font-family: "Roboto";
    src: url("inzenra-ui/font-roboto/Roboto-Regular.ttf");
}

/* Theme */
:root {
    /* Colors */
    --color-primary: #d3a741;
    --color-primary-hover: #d3a741;
    --color-text-primary: white;
    --color-text-primary-hover: white;

    --color-secondary: #1b1c1d;
    --color-secondary-hover: #27292a;
    --color-text-secondary: white;
    --color-text-secondary-hover: white;

    --color-default: #e0e1e2;
    --color-default-hover: #cacbcd;
    --color-text-default: rgba(0, 0, 0, 0.6);
    --color-text-default-hover: rgba(0, 0, 0, 0.8);

    --color-success: #32d296;
    --color-success-background: #edfbf6;

    --color-warning: #faa05a;
    --color-warning-background: #fff6ee;

    --color-danger: #f0506e;
    --color-danger-background: #fef4f6;
}


/* box sizing */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* reset margins */
body {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;
    background-color: #faf9f7;
    color: #4d4b4a;
}

img,
picture {
    width: 100%;
}