/* Design System - Colors */
:root {
    --color-primary: #3C6791;
    --color-secondary: #3E311E;
    --color-tertiary: #B5CA9F;
    --color-accent: #94B76C;
    --color-success: #59812C;
    --color-warning: #E2CE38;
    --color-danger: #A91717;
    --color-background: #FAFAFA;
    --color-white: #FFFFFF;
    --color-text: #000000;
    --color-gray: #595A5A;
    --color-light-gray: #C7D3DF;
}

/* Design System - Shadows */
.shadow-sm {
    box-shadow: -1px 4px 12.8px 0px rgba(0, 0, 0, 0.23);
}

.shadow-md {
    box-shadow: -1px 4px 12.8px 0px rgba(0, 0, 0, 0.25);
}

/* Design System - Border Radius */
.rounded-sm {
    border-radius: 12px;
}

.rounded-md {
    border-radius: 18px;
}

/* Design System - Spacing */
.mt-1 { margin-top: 8px; }
.mt-2 { margin-top: 16px; }
.mt-3 { margin-top: 24px; }
.mt-4 { margin-top: 32px; }

.mb-1 { margin-bottom: 8px; }
.mb-2 { margin-bottom: 16px; }
.mb-3 { margin-bottom: 24px; }
.mb-4 { margin-bottom: 32px; }

.p-1 { padding: 8px; }
.p-2 { padding: 16px; }
.p-3 { padding: 24px; }
.p-4 { padding: 32px; }

/* Design System - Typography */
.text-xs { font-size: 12px; }
.text-sm { font-size: 14px; }
.text-base { font-size: 18px; }
.text-lg { font-size: 20px; }
.text-xl { font-size: 24px; }
.text-2xl { font-size: 30.956px; }
.text-3xl { font-size: 45.638px; }
.text-4xl { font-size: 56.239px; }

.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

/* Utility Classes */
.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-1 { gap: 8px; }
.gap-2 { gap: 16px; }
.gap-3 { gap: 24px; }
.gap-4 { gap: 32px; }

.text-center {
    text-align: center;
}

.cursor-pointer {
    cursor: pointer;
}

/* Animation Utilities */
.transition {
    transition: all 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-2px);
}