/* global.css */

:root {
    /* Colors */
    --primary: black;
    --primary-hover: #ED9341;
    --background: #f5f6fa;
    --surface: #ffffff;
    --text: #black;
    --text-light: #666666;
    --border: #dcdcdc;
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
    --orange:#ED9341;
    --red: #BD363D;
    --black: black;

    /* Fonts */
    --font-family: "Inter", Arial, sans-serif;
    --font-title: "Plus Jakarta Sans", sans-serif;

    /* Sizes */
    --radius: 8px;
    --shadow: 0 4px 15px rgba(0,0,0,.1);
    --focus-shadow: 0 0 0 3px rgba(67, 80, 244, 0.15);
    --transition: all 0.2s ease;
}

body {
    margin: 0;
    font-family: var(--font-family);
    background: var(--background);
    color: var(--text);
}

h1, h2, h3 {
    color: var(--primary);
}