:root {
    /* Primary Colors */
    --color-primary: #0F766E; /* Deep Teal used in Logo, Links, and Buttons */
    --color-primary-light: #0F766E; /* Deep Teal used in Buttons */
    --color-primary-hover: #0d5e58; /* Hover state for Deep Teal */
    
    /* Text Colors */
    --text-main: #1a1a1a;
    --text-muted: #666666;
    --text-placeholder: #a0a0a0;

    /* Backgrounds */
    --bg-surface: #ffffff;
    --bg-body: #f4f7f6;
    
    /* Borders */
    --border-color: #e0e0e0;
    --border-focus: #0D7B74;

    /* Radii */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    /* Shadows */
    --shadow-card: 0 10px 40px rgba(0, 0, 0, 0.12);

    /* Dashboard specific */
    --color-success: #10B981;
    --color-danger: #EF4444;
    --color-warning: #F59E0B;
    --bg-dashboard: #F3F4F6;
}