:root {
    --primary-color: #ffffff;
    --background-color: #f9fbfd;
    --hover-color: #99a1af0e;
    --text-color: #190a0a;
    --border-color: #e5e7eb;
    --transition: 0.2s ease-in-out;
    --active-color: #eef2ff;
    --primary-font: 'Segoe UI', sans-serif;
    --secundary-text-color: #6b7280;
    --accent-color: #4f46e5;
    --accent-hover: #4338ca;
    --card-shadow: 0 10px 30px rgba(0,0,0,0.05);
    --border-radius: 12px;

    /* status colors */
    --danger-color: #ef4444;
    --warning-color: #f59e0b;
    --success-color: #22c55e;
}