/*
Theme Name: Frost Child
Theme URI: https://smwebsystems.com
Description: Child theme of Frost for SM Web Systems - Tailwind + WindPress design system
Author: SM Web Systems
Author URI: https://smwebsystems.com
Template: frost
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: frost-child
*/

/* Custom CSS for SM Web Systems - overrides Frost defaults */

/* === SM Web Systems Design Tokens === */
:root {
  /* Primary Colors */
  --wp--custom--color--primary-dark: #1B3A4B;
  --wp--custom--color--primary-medium: #2D5A6B;
  --wp--custom--color--primary-light: #4A7C8C;
  
  /* Accent Colors */
  --wp--custom--color--accent-teal: #3D7A8C;
  --wp--custom--color--accent-hover: #2D6A7C;
  
  /* Neutral Scale */
  --wp--custom--color--neutral-50: #F8FAFB;
  --wp--custom--color--neutral-100: #F1F5F7;
  --wp--custom--color--neutral-200: #E5EAED;
  --wp--custom--color--neutral-300: #D1D9DD;
  --wp--custom--color--neutral-400: #9BA8AE;
  --wp--custom--color--neutral-500: #6B7B82;
  --wp--custom--color--neutral-600: #4A5A62;
  --wp--custom--color--neutral-700: #374952;
  --wp--custom--color--neutral-800: #1F2E35;
  --wp--custom--color--neutral-900: #0F1A1F;
  
  /* Semantic */
  --wp--custom--color--bg-dark: #1B3A4B;
  --wp--custom--color--bg-white: #FFFFFF;
  --wp--custom--color--text-primary: #1F2E35;
  --wp--custom--color--text-secondary: #4A5A62;
  --wp--custom--color--text-muted: #9BA8AE;
  --wp--custom--color--border-light: #E5EAED;
  --wp--custom--color--success: #10B981;
  --wp--custom--color--error: #EF4444;
  --wp--custom--color--warning: #F59E0B;
}

/* === Section & Card Utilities === */
.section {
  padding: 80px 24px;
}
@media (max-width: 767px) {
  .section {
    padding: 48px 16px;
  }
}

.card {
  background: #FFFFFF;
  border: 1px solid #E5EAED;
  border-radius: 12px;
  padding: 24px;
  transition: box-shadow 0.2s ease;
}
.card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 767px) {
  .container {
    padding: 0 16px;
  }
}