/* Base styles - Reset, CSS variables, typography, links */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Colors */
    --color-primary: #5B5FC7;
    --color-primary-hover: #4F52B5;
    --color-primary-ring: rgba(91, 95, 199, 0.1);
    --color-primary-light: #F0F0FF;

    --color-text: #1A1A2E;
    --color-text-secondary: #6B7280;
    --color-text-muted: #9CA3AF;
    --color-label: #374151;

    --color-background: #FAFAFA;
    --color-white: #FFFFFF;
    --color-border: #E5E7EB;
    --color-border-light: #F3F4F6;

    --color-danger: #f44336;
    --color-danger-hover: #d32f2f;

    /* Status colors */
    --color-status-new-bg: #ECFDF5;
    --color-status-new-text: #065F46;
    --color-status-viewing-bg: #FFF7ED;
    --color-status-viewing-text: #9A3412;
    --color-status-evaluating-bg: #EFF6FF;
    --color-status-evaluating-text: #1E40AF;
    --color-status-negotiating-bg: #F5F3FF;
    --color-status-negotiating-text: #5B21B6;
    --color-status-approved-bg: #D1FAE5;
    --color-status-approved-text: #064E3B;
    --color-status-rejected-bg: #FEE2E2;
    --color-status-rejected-text: #991B1B;
    --color-status-lost-bg: #F3F4F6;
    --color-status-lost-text: #4B5563;

    /* Typography */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;

    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
}

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

a {
    color: var(--color-primary);
    text-decoration: none;
}

a:hover {
    color: var(--color-primary-hover);
}

h1 {
    color: var(--color-text);
    margin-bottom: var(--spacing-xl);
    font-weight: bold;
}

h2 {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1.25rem;
}

h3 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-label);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

h4 {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}