:root {
    --primary: #2c7a7b; /* teal */
    --primary-dark: #285e61;
    --primary-light: #e6fffa;
    --background: #ffffff;
    --surface: #f7fafc;
    --surface-hover: #edf2f7;
    --text: #1a202c;
    --text-light: #4a5568;
    --muted: #718096;
    --border: #e2e8f0;
    --success: #38a169;
    --warning: #dd6b20;
    --danger: #e53e3e;
    --radius: 8px;
    --radius-lg: 12px;
    --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);
    --transition: 0.2s ease;
    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --max-width: 1200px;
}