/**
 * Color System
 * 
 * @package Kurpfalz_Theme
 * @author Saad Badr
 * @copyright 2025 SawatzkiMühlenbruch GmbH
 */

/* Base body styles */
body {
    background-color: var(--color-white);
    margin: 0;
    color: var(--color-primary);
    
    /* Default theme variables */
    --hugelink-color: var(--color-primary);
    --hugelink-color-highlighted: var(--color-primary);
    --hugelink-imgposition: right center;
    --hugelink-imgposition-highlighted: right center;
    
    --primary-button-background-color: var(--color-primary);
    --primary-button-text-color: var(--color-white);
    --primary-button-background-color-highlighted: var(--color-white);
    --primary-button-text-color-highlighted: var(--color-primary);
    
    --link-color: var(--color-primary);
    --link-color-hover: var(--color-primary);
    --text-color: var(--color-primary);
}

/* Background color modifiers */
.frame-background-primary,
.container-columns-outer.frame-background-primary {
    background-color: var(--color-primary);
    
    --hugelink-color: var(--color-primary);
    --hugelink-color-highlighted: var(--color-primary);
    --hugelink-imgposition: left center;
    --hugelink-imgposition-highlighted: right center;
    
    --primary-button-background-color: var(--color-primary);
    --primary-button-text-color: var(--color-white);
    --primary-button-background-color-highlighted: var(--color-white);
    --primary-button-text-color-highlighted: var(--color-primary);
    
    --link-color: var(--color-white);
    --link-color-hover: var(--color-white);
    --text-color: var(--color-white);
}

.frame-background-secondary,
.container-columns-outer.frame-background-secondary {
    background-color: var(--color-secondary);
    
    --hugelink-color: var(--color-primary);
    --hugelink-color-highlighted: var(--color-white);
    --hugelink-imgposition: right center;
    --hugelink-imgposition-highlighted: left center;
    
    --primary-button-background-color: var(--color-primary);
    --primary-button-text-color: var(--color-white);
    --primary-button-background-color-highlighted: var(--color-white);
    --primary-button-text-color-highlighted: var(--color-primary);
    
    --link-color: var(--color-primary);
    --link-color-hover: var(--color-white);
    --text-color: var(--color-primary);
}

.frame-background-tertiary,
.container-columns-outer.frame-background-tertiary {
    background-color: var(--color-tertiary);
    
    --hugelink-color: var(--color-primary);
    --hugelink-color-highlighted: var(--color-white);
    --hugelink-imgposition: right center;
    --hugelink-imgposition-highlighted: left center;
    
    --primary-button-background-color: var(--color-primary);
    --primary-button-text-color: var(--color-white);
    --primary-button-background-color-highlighted: var(--color-white);
    --primary-button-text-color-highlighted: var(--color-primary);
    
    --link-color: var(--color-primary);
    --link-color-hover: var(--color-white);
    --text-color: var(--color-primary);
}

.frame-background-quaternary,
.container-columns-outer.frame-background-quaternary {
    background-color: var(--color-quaternary);
    
    --hugelink-color: var(--color-primary);
    --hugelink-color-highlighted: var(--color-primary);
    --hugelink-imgposition: right center;
    --hugelink-imgposition-highlighted: right center;
    
    --primary-button-background-color: var(--color-primary);
    --primary-button-text-color: var(--color-white);
    --primary-button-background-color-highlighted: var(--color-white);
    --primary-button-text-color-highlighted: var(--color-primary);
    
    --link-color: var(--color-primary);
    --link-color-hover: var(--color-primary);
    --text-color: var(--color-primary);
}

/* Link styles */
a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-color-hover);
}

/* Text color */
p,
h1,
h2,
h3 {
    color: var(--text-color);
}