/*
Theme Name: Feel & Support Organization Theme
Theme URI: https://fso.org.pk
Author: FSO Tech Team
Author URI: https://fso.org.pk
Description: Custom WordPress theme for Feel & Support Organization (FSO), Shigar, Gilgit-Baltistan. Features an integrated React SPA portal, ACF Pro integrations, custom database operational tables, and zero-plugin SMTP email automation.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fso-theme
*/

:root {
    /* Color Palette */
    --color-primary: #0D7C8C;        /* Deep Teal */
    --color-primary-dark: #0A6370;   /* Darkened Teal for active states */
    --color-secondary: #E8611A;      /* Vibrant Orange */
    --color-secondary-dark: #C44E12;  /* Darkened Orange for hover/active */
    --color-dark: #111827;           /* Near Black */
    --color-light: #F9FAFB;          /* Off White */
    --color-muted: #E5E7EB;          /* Light Grey */
    --color-success: #166534;        /* Forest Green */
    --color-white: #FFFFFF;          /* Pure White */

    /* Typography */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.7;

    /* Spacing Grid (8px base) */
    --spacing-1: 8px;
    --spacing-2: 16px;
    --spacing-3: 24px;
    --spacing-4: 32px;
    --spacing-5: 48px;
    --spacing-6: 64px;
    --spacing-7: 80px;
    --spacing-8: 96px;
    --spacing-9: 128px;

    /* Border Radius */
    --border-radius-card: 12px;
    --border-radius-btn: 8px;
    --border-radius-input: 8px;
    --border-radius-badge: 100px;

    /* Shadows */
    --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.14);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease-out;
}