/* ========================================
   BASE.CSS — Variables, Reset, Typographies
========================================= */

:root {
    --color-primary-dark: #3a4e85;
    --color-secondary: #5a5a5a;
    --color-tagline: #5a5a5a;
    --color-white: #ffffff;
    --color-background-start: #e0f7fa;
    --color-background-end: #fce4ec;
    --color-danger: #ef4444;
    --color-text-light: #6b7280;

    --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-search: 0 8px 30px rgba(0, 0, 0, 0.15);
    --border-radius-large: 18px;
    --border-radius-pill: 40px;

    --font-heading: 'Stack Sans Headline', sans-serif;
    --font-body: Arial, sans-serif;
}

body {
    padding-top: 80px;
    margin: 0;
    min-height: 100vh;
    font-family: var(--font-body);
    color: var(--color-secondary);
    background: linear-gradient(135deg, var(--color-background-start), var(--color-background-end));
    background-attachment: fixed;
}

h2, h3 {
    font-family: var(--font-heading);
    color: var(--color-primary-dark);
}

.error {
    color: var(--color-danger);
    font-weight: bold;
    margin-top: 20px;
}