/* FS Aurelius® Brand Colors */
/* Primary: Terracotta #C85C3C | Secondary: Sage #7A8B6D | Neutral: Cream #F5F0E1 */

:root {
    /* Brand Colors */
    --fs-primary: #C85C3C;
    --fs-primary-dark: #A64A2E;
    --fs-primary-light: #E8A894;
    --fs-secondary: #7A8B6D;
    --fs-secondary-dark: #5E6D52;
    --fs-secondary-light: #B8C9AD;
    --fs-accent: #D4A574;
    --fs-accent-dark: #B88A5A;
    
    /* Neutrals */
    --fs-cream: #F5F0E1;
    --fs-cream-dark: #E8E0D0;
    --fs-white: #FFFFFF;
    --fs-black: #1A1A1A;
    --fs-gray-100: #F5F5F5;
    --fs-gray-200: #EEEEEE;
    --fs-gray-300: #E0E0E0;
    --fs-gray-400: #BDBDBD;
    --fs-gray-500: #9E9E9E;
    --fs-gray-600: #757575;
    --fs-gray-700: #616161;
    --fs-gray-800: #424242;
    --fs-gray-900: #212121;
    
    /* Semantic */
    --fs-success: #2E7D32;
    --fs-success-light: #E8F5E9;
    --fs-warning: #ED6C02;
    --fs-warning-light: #FFF8F0;
    --fs-error: #C62828;
    --fs-error-light: #FCE4EC;
    --fs-info: #1565C0;
    --fs-info-light: #E3F2FD;
    
    /* Typography */
    --fs-font-heading: 'Playfair Display', Georgia, serif;
    --fs-font-body: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --fs-font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    
    /* Spacing */
    --fs-space-xs: 4px;
    --fs-space-sm: 8px;
    --fs-space-md: 16px;
    --fs-space-lg: 24px;
    --fs-space-xl: 32px;
    --fs-space-2xl: 48px;
    
    /* Border Radius */
    --fs-radius-sm: 4px;
    --fs-radius-md: 8px;
    --fs-radius-lg: 12px;
    --fs-radius-xl: 16px;
    --fs-radius-full: 9999px;
    
    /* Shadows */
    --fs-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --fs-shadow-md: 0 4px 6px rgba(0,0,0,0.07);
    --fs-shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
    --fs-shadow-xl: 0 20px 25px rgba(0,0,0,0.15);
    
    /* Transitions */
    --fs-transition-fast: 150ms ease;
    --fs-transition-normal: 250ms ease;
    --fs-transition-slow: 350ms ease;
    
    /* Z-index */
    --fs-z-dropdown: 100;
    --fs-z-sticky: 200;
    --fs-z-fixed: 300;
    --fs-z-modal-backdrop: 400;
    --fs-z-modal: 500;
    --fs-z-popover: 600;
    --fs-z-tooltip: 700;
}

/* Platform Colors */
:root {
    --fs-whatsapp: #25D366;
    --fs-facebook: #1877F2;
    --fs-instagram: #E4405F;
    --fs-threads: #000000;
    --fs-messenger: #0084FF;
    --fs-twitter: #000000;
    --fs-linkedin: #0A66C2;
    --fs-tiktok: #000000;
    --fs-youtube: #FF0000;
}

/* Utility Classes */
.fs-text-primary {
    color: var(--fs-primary);
}

.fs-text-secondary {
    color: var(--fs-secondary);
}

.fs-text-accent {
    color: var(--fs-accent);
}

.fs-text-muted {
    color: var(--fs-gray-500);
}

.fs-text-success {
    color: var(--fs-success);
}

.fs-text-warning {
    color: var(--fs-warning);
}

.fs-text-error {
    color: var(--fs-error);
}

.fs-text-info {
    color: var(--fs-info);
}

.fs-bg-primary {
    background: var(--fs-primary);
}

.fs-bg-secondary {
    background: var(--fs-secondary);
}

.fs-bg-cream {
    background: var(--fs-cream);
}

.fs-bg-success {
    background: var(--fs-success-light);
}

.fs-bg-warning {
    background: var(--fs-warning-light);
}

.fs-bg-error {
    background: var(--fs-error-light);
}

.fs-bg-info {
    background: var(--fs-info-light);
}

.fs-border-primary {
    border-color: var(--fs-primary);
}

.fs-border-secondary {
    border-color: var(--fs-secondary);
}

.fs-border-cream {
    border-color: var(--fs-cream-dark);
}

.fs-font-heading {
    font-family: var(--fs-font-heading);
}

.fs-font-body {
    font-family: var(--fs-font-body);
}

.fs-font-mono {
    font-family: var(--fs-font-mono);
}

.fs-rounded-sm {
    border-radius: var(--fs-radius-sm);
}

.fs-rounded-md {
    border-radius: var(--fs-radius-md);
}

.fs-rounded-lg {
    border-radius: var(--fs-radius-lg);
}

.fs-rounded-xl {
    border-radius: var(--fs-radius-xl);
}

.fs-rounded-full {
    border-radius: var(--fs-radius-full);
}

.fs-shadow-sm {
    box-shadow: var(--fs-shadow-sm);
}

.fs-shadow-md {
    box-shadow: var(--fs-shadow-md);
}

.fs-shadow-lg {
    box-shadow: var(--fs-shadow-lg);
}

.fs-shadow-xl {
    box-shadow: var(--fs-shadow-xl);
}

.fs-transition {
    transition: all var(--fs-transition-normal);
}