/**
 * Base Styles
 * CSS Variables, Reset, and Utility Classes
 */

/* CSS Variables */
:root {
    --primary-color: #134E3A;
    --primary-hover: #06100D;
    --secondary-color: #3F7F66;
    --background-color: #EFEDE6;
    --surface-color: #FBFAF8;
    --border-color: #ddd9d0;
    --text-primary: #06100D;
    --text-secondary: #4a5548;
    --text-muted: #7a8278;
    --success-color: #3F7F66;
    --warning-color: #f59e0b;
    --error-color: #ef4444;
    --info-color: #3F7F66;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --bg-primary: #FBFAF8;
    --bg-secondary: #EFEDE6;
    --bg-tertiary: #ddd9d0;
    --text-tertiary: #7a8278;
    --hover-color: #EFEDE6;
    --primary-rgb: 19, 78, 58;
}

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

body {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: var(--background-color);
    color: var(--text-primary);
    line-height: 1.5;
}

/* Utility Classes */
.hidden {
    display: none !important;
}