/* ==========================================================================
   VSP 2025 Main Theme Stylesheet
   File: style-vsp.css
   CSS Level: CSS3
   Author: VSP Web Services
   Description: Primary visual styles for the VSP 2025 theme including layout,
   colors, branding elements, typography, buttons, forms, and utilities.
   ==========================================================================

   🧠 DEV NOTES + STYLING GUIDELINES
   --------------------------------------------------------------------------
   • 💅 Focused Scope:
       - Use this file for **visual styles** and theme-specific layout.
       - Responsive and accessibility-specific styles should go in their
         respective files (`style-responsive.css`, `style-accessibility.css`).

   • 🎨 Colors and Typography:
       - Define color variables or use consistent HEX/RGB values.
       - Stick to brand guidelines (e.g. VSP Blue: #0f225e, VSP Gold: #f79f2b).
       - Use `rem` for font sizes and spacing to support scaling and accessibility.

   • 🔁 Fallbacks:
       - When using modern CSS (like gradients or shadows), provide basic fallbacks.
         Example:
            background-color: #f79f2b;
            background-image: linear-gradient(...);

   • 💻 Modular Styling:
       - Group related components (e.g. buttons, nav, forms).
       - Use clear section comments and organize alphabetically or by layout area.

   • 🧼 Housekeeping:
       - Avoid unnecessary `!important`; use class specificity instead.
       - Avoid overriding Genesis defaults unless necessary — use hooks and filters
         wherever possible.

   • 🔍 Example Block:
       .vsp-button {
           background-color: #0f225e;
           color: #fff;
           padding: 0.75rem 1.5rem;
           border-radius: 6px;
           font-size: 1rem;
           text-transform: uppercase;
       }

   Let’s keep this beautiful, maintainable, and compliant.
   ==========================================================================
*/
/**
 * 🎨 Developer Notes:
 * To update or add new editor colors, modify this file.
 * Colors must be registered here to appear in Gutenberg block options.
 *
 * Remember to match frontend classes in style-vsp.css:
 * .has-{slug}-color / .has-{slug}-background-color
 */

.has-vsp-blue-color { color: #0f225e; }
.has-vsp-blue-background-color { background-color: #0f225e; }

.has-vsp-gold-color { color: #f79f2b; }
.has-vsp-gold-background-color { background-color: #f79f2b; }

.has-charcoal-color { color: #333333; }
.has-charcoal-background-color { background-color: #333333; }

.has-white-color { color: #ffffff; }
.has-white-background-color { background-color: #ffffff; }

.has-black-color { color: #000000; }
.has-black-background-color { background-color: #000000; }

.has-red-color { color: #e70000; }
.has-red-background-color { background-color: #e70000; }


.site-footer p {
    color: #0f225e; /* VSP blue */
    font-size: 0.9rem;
    font-weight: 600;
    text-align: right;
}
