/* Northwoods Color Scheme - CSS Custom Properties */
:root {
    /* Primary colors - deep forest green */
    --color-primary: #2D5016;
    --color-primary-light: #3D6B22;

    /* Secondary colors - saddle brown / wood tone */
    --color-secondary: #8B4513;
    --color-secondary-light: #A0522D;

    /* Accent - goldenrod */
    --color-accent: #DAA520;

    /* Background colors */
    --color-bg: #F5F0E8;
    --color-bg-card: #FFFFFF;

    /* Text colors */
    --color-text: #2C2C2C;
    --color-text-muted: #6B6B6B;

    /* Border */
    --color-border: #D4C5A9;

    /* Status colors */
    --color-success: #28A745;
    --color-error: #DC3545;
    --color-warning: #FFC107;

    /* Typography */
    --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, 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: 8px;
    --radius-lg: 12px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
}

/* Base reset and typography */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    line-height: 1.5;
}

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

h1, h2, h3, h4, h5, h6 {
    color: var(--color-primary);
    line-height: 1.2;
}

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

a:hover {
    color: var(--color-primary-light);
    text-decoration: underline;
}