/* Default Theme - CSS Custom Properties */

:root {
    /* Colors */
    --primary-color: hsl(0, 83%, 53%);
    --primary-hover: hsl(0, 76%, 48%);
    --primary-light: #eb25251a;
    --primary-text: #ffffff;
    
    /* Background colors */
    --bg-color: #ffffff;
    --card-bg: #ffffff;
    --hover-color: #f1f5f9;
    
    /* Text colors */
    --text-color: #1e293b;
    --text-muted: #64748b;
    
    /* Border colors */
    --border-color: #e2e8f0;
    
    /* Shadow */
    --shadow-color: rgba(0, 0, 0, 0.1);
    
    /* Status colors */
    --success-color: #10b981;
    --success-bg: #ecfdf5;
    --success-text: #065f46;
    
    --error-color: #ef4444;
    --error-bg: #fef2f2;
    --error-text: #991b1b;
    
    --warning-color: #f59e0b;
    --warning-bg: #fffbeb;
    --warning-text: #92400e;
    
    --info-color: hsl(0, 83%, 53%);
    --info-bg: #eff6ff;
    --info-text: #1e40af;
    
    /* Disabled */
    --disabled-color: #9ca3af;
    
    /* Todo App Specific Variables */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --background-primary: #ffffff;
    --background-secondary: #f8fafc;
    --card-background: #ffffff;
    --surface-background: #f8fafc;
    --input-background: #ffffff;
    --border-radius: 8px;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --accent-color: hsl(0, 83%, 53%);
    --accent-hover: hsl(0, 76%, 48%);
    --accent-color-rgb: 239, 68, 68;
    --success-background: #ecfdf5;
    --danger-color: #ef4444;
    --danger-hover: #dc2626;
}