/**
 * Marketing Module - CSS Variables
 * Design tokens and custom properties
 */

:root {
    /* Colors - Backgrounds */
    --bg: #fafafa;
    --surface: #ffffff;
    
    /* Colors - Primary */
    --primary: #2563eb;
    --primary-light: #dbeafe;
    
    /* Colors - Secondary */
    --secondary: #7c3aed;
    --secondary-light: #ede9fe;
    
    /* Colors - Status */
    --success: #059669;
    --success-light: #d1fae5;
    --warning: #d97706;
    --warning-light: #fef3c7;
    --danger: #dc2626;
    --danger-light: #fee2e2;
    
    /* Colors - Text */
    --text: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    
    /* Colors - Border */
    --border: #e2e8f0;
    
    /* Shadows */
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.08);
    
    /* Border Radius */
    --radius: 16px;
    --radius-sm: 10px;
}