/**
 * Main Custom Styles for Gea Abogados
 * 
 * This file contains all custom styles for the child theme
 * Organized by sections for better maintainability
 */

/* ==========================================================================
   1. Global Styles
   ========================================================================== */

/* Custom properties / CSS Variables */
:root {
    --gea-primary-color: #1a1a1a;
    --gea-secondary-color: #c9302c;
    --gea-text-color: #333333;
    --gea-light-gray: #f5f5f5;
    --gea-border-color: #e0e0e0;
    --gea-font-primary: "Mint Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ==========================================================================
   2. Typography
   ========================================================================== */

body {
    font-family: var(--gea-font-primary);
    color: var(--gea-text-color);
    line-height: 1.6;
}


/* Tablet */
@media (max-width: 1024px) {
    /* Tablet styles */
}

/* Mobile */
@media (max-width: 768px) {
    /* Mobile styles */
}

/* ==========================================================================
   3 Utilities
   ========================================================================== */

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mt-4 { margin-top: 2rem; }

.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }