@import url('https://api.fontshare.com/v2/css?f[]=clash-grotesk@500,600&f[]=mattone@700&f[]=inter@400,600&display=swap');

:root {
    --berry: #2E1521;
    --black: #000000;
    --cream: #F9F5F6;
    --white: #FFFFFF;
    --orange: #E94E1B;
    --text: #2E1521;

    --alert-danger: #f8d7da;
    --alert-info: #d9 edf7;
    --alert-success: #d4edda;
    --alert-warning: #fff4b9;
    --btn-default: #e0e0e0;
    --btn-secondary: #333333;
    --fa-check: #209438;
    --form-control: #495057;
    --image-bg: #f6e3ca;
    --ordinary-border: #999999;
    --rounded: #36a2ff;
    --section-hover: #4f5bd8;
    --table-danger: #f1b0b7;
    --table-blocked: #ff9ea7;
    --toggle-text-container: ffa300;
    --toggle-container: #ff8200;
    --tooltip-info: #d9edf7;
    --ui-select-bootstrap: #428bca;

    --accent-underline: #b24745;
    --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.16);
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --font-display: 'Clash Grotesk', 'Inter', sans-serif;
    --font-brand: 'Mattone', 'Clash Grotesk', serif;
}