/* Modern Professional UI - Valerin Project Manager */
/* Base: Variables, Reset, Typography, Container */

:root {
    /* Calming Color Palette with Red Accents */
    --valerin-primary: #4B5563;  /* Cool gray */
    --valerin-primary-dark: #374151;
    --valerin-primary-light: #F3F4F6;
    --valerin-primary-hover: #1F2937;

    /* Red Accent Colors */
    --valerin-red: #DC2626;
    --valerin-red-light: #FEE2E2;
    --valerin-red-dark: #B91C1C;
    --valerin-red-hover: #991B1B;

    /* Base Colors */
    --bg: #ffffff;
    --card: #ffffff;
    --text: #1f2937;
    --muted: #6b7280;
    --primary: #4B5563;
    --primary-hover: #374151;
    --danger: #EF4444;
    --danger-hover: #DC2626;
    --border: #e5e7eb;
    --success: #059669;
    --warning: #d97706;
    --info: #0284c7;

    /* Valerin Specific */
    --valerin-accent: #F3F4F6;
    --valerin-text-light: #ffffff;
    --valerin-shadow: rgba(75, 85, 99, 0.1);
    --valerin-red-shadow: rgba(220, 38, 38, 0.1);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font: 16px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Fix notification close button size */
.alert .btn-close {
    font-size: 0.75rem;
    padding: 0.5rem;
    width: auto;
    height: auto;
    background-size: 0.75rem;
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 24px;
}