/*
Theme Name: Herald Child
Description: Simple color and background improvements for Herald theme
Template: herald
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../herald/style.css");

/*==========================================================================
   COLORS AND BACKGROUNDS ONLY - NO LAYOUT CHANGES
   Simple color improvements while keeping original sizes and layout
==========================================================================*/

/* Modern Color Variables */
:root {
    /* Primary Colors */
    --primary-color: #2563eb;        /* Modern Blue */
    --primary-light: #3b82f6;        /* Light Blue */
    --primary-dark: #1d4ed8;         /* Dark Blue */
    
    /* Secondary Colors */
    --secondary-color: #f59e0b;       /* Warm Orange */
    --accent-color: #10b981;          /* Fresh Green */
    
    /* Text Colors */
    --text-primary: #1f2937;          /* Dark Gray */
    --text-secondary: #374151;        /* Medium Gray */
    --text-muted: #6b7280;            /* Light Gray */
    
    /* Background Colors */
    --bg-primary: #ffffff;            /* White */
    --bg-secondary: #f8fafc;          /* Light Gray */
    --bg-accent: #f1f5f9;             /* Very Light Blue */
}

/* Body Background */
body {
    background-color: var(--bg-secondary);
    background-image: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    color: var(--text-primary);
}

/* Header Colors */
.herald-site-header {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
}

img {
	min-width: 100% !important;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}