/*
Theme Name: ICDB Theme
Theme URI: https://islamiccenterofdaytonabeach.com
Author: Rawdah / Fammuk Digital Agency
Author URI: https://rawdah.io
Description: Custom WordPress theme for the Islamic Center of Daytona Beach — a modern, animated, secure theme with Rawdah platform integration.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: icdb
Tags: custom-menu, custom-logo, featured-images, theme-options, translation-ready
*/

/* ==========================================================================
   CSS Custom Properties — ICDB Fresh Palette
   Deep midnight navy + warm amber/gold + coral CTA
   ========================================================================== */

:root {
    /* Primary — Midnight Navy */
    --color-primary: #1B2A4A;
    --color-primary-light: #2C3E6B;
    --color-primary-dark: #0F1B33;

    /* Secondary — Warm Amber/Gold */
    --color-secondary: #C8972E;
    --color-secondary-light: #E0B04A;
    --color-secondary-dark: #A67B1E;

    /* Accent — Sage Green (nods to masjid's green elements) */
    --color-accent: #4A7C6F;
    --color-accent-light: #6B9E8F;
    --color-accent-dark: #345A50;

    /* CTA — Warm Coral */
    --color-cta: #D4603A;
    --color-cta-hover: #B84E2E;
    --color-cta-light: #E8784F;

    /* Neutrals */
    --color-white: #FFFFFF;
    --color-off-white: #FAF8F5;
    --color-cream: #F3EDE4;
    --color-black: #1A1A1A;

    /* Warm Gray Scale */
    --color-gray-100: #F5F3F0;
    --color-gray-200: #E8E4DF;
    --color-gray-300: #D4CFC8;
    --color-gray-400: #B5AEA5;
    --color-gray-500: #918981;
    --color-gray-600: #6E675F;
    --color-gray-700: #4D4841;
    --color-gray-800: #33302B;
    --color-gray-900: #1F1D1A;

    /* Text */
    --color-text: #2A2622;
    --color-text-light: #5C564E;
    --color-text-muted: #918981;
    --color-link: #1B2A4A;
    --color-link-hover: #C8972E;

    /* Status */
    --color-success: #2ECC71;
    --color-warning: #F39C12;
    --color-error: #E74C3C;

    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;

    /* Typography */
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-arabic: 'Amiri', serif;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(27, 42, 74, 0.08);
    --shadow-md: 0 4px 12px rgba(27, 42, 74, 0.1);
    --shadow-lg: 0 8px 30px rgba(27, 42, 74, 0.12);
    --shadow-xl: 0 20px 60px rgba(27, 42, 74, 0.15);

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 300ms ease;
    --transition-slow: 500ms ease;

    /* Layout */
    --container-max: 1280px;
    --container-narrow: 900px;
    --header-height: 80px;
}