/*
Theme Name: Rawdhatul Yatama
Theme URI: https://rytorphanage.org
Author: Areeb Panjwani
Author URI: https://rytorphanage.org
Description: A custom WordPress theme for Rawdhatul Yatama (Garden of Orphans). Built with Tailwind CSS and custom brand colors. Features a customizer-driven single-page layout.
Version: 1.0.0
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: rawdhatul-yatama
Tags: charity, non-profit, responsive, custom-colors, custom-menu
*/

/* ---------------------------------------------------------------- */
/* Rawdhatul Yatama Brand Color Palette - Green Tree Theme          */
/* ---------------------------------------------------------------- */
:root {
  --primary: #1B5E3F; /* Deep forest green from logo */
  --primary-foreground: #FFFFFF; /* White */
  --sidebar-primary: #1B5E3F;
  --sidebar-primary-foreground: #FFFFFF;
  --chart-1: #1B5E3F;
  --chart-2: #2D8659;
  --chart-3: #4CAF7F;
  --chart-4: #1B5E3F;
  --chart-5: #2D8659;
  --radius: 0.75rem;
  --background: #FAFAF8; /* Off-white */
  --foreground: #1F1F1F; /* Deep charcoal */
  --card: #FFFFFF;
  --card-foreground: #1F1F1F;
  --popover: #FFFFFF;
  --popover-foreground: #1F1F1F;
  --secondary: #2D8659; /* Medium green */
  --secondary-foreground: #FFFFFF;
  --muted: #E8F0EB; /* Light green tint */
  --muted-foreground: #5F5F5F;
  --accent: #4CAF7F; /* Lighter green accent */
  --accent-foreground: #FFFFFF;
  --destructive: #DC3545;
  --destructive-foreground: #FFFFFF;
  --border: #E0E8E3;
  --input: #F5F9F7;
  --ring: #1B5E3F;
  --sidebar: #FAFAF8;
  --sidebar-foreground: #1F1F1F;
  --sidebar-accent: #4CAF7F;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #E0E8E3;
  --sidebar-ring: #1B5E3F;
}

.dark {
  --primary: #1B5E3F;
  --primary-foreground: #FFFFFF;
  --sidebar-primary: #1B5E3F;
  --sidebar-primary-foreground: #FFFFFF;
  --background: #0F1612;
  --foreground: #E8F0EB;
  --card: #1A2820;
  --card-foreground: #E8F0EB;
  --popover: #1A2820;
  --popover-foreground: #E8F0EB;
  --secondary: #2D8659;
  --secondary-foreground: #0F1612;
  --muted: #2A3F35;
  --muted-foreground: #B8C8C0;
  --accent: #4CAF7F;
  --accent-foreground: #0F1612;
  --destructive: #DC3545;
  --destructive-foreground: #FFFFFF;
  --border: #2A3F35;
  --input: #1A2820;
  --ring: #1B5E3F;
  --chart-1: #1B5E3F;
  --chart-2: #2D8659;
  --chart-3: #4CAF7F;
  --chart-4: #1B5E3F;
  --chart-5: #2D8659;
  --sidebar: #1A2820;
  --sidebar-foreground: #E8F0EB;
  --sidebar-accent: #4CAF7F;
  --sidebar-accent-foreground: #0F1612;
  --sidebar-border: #2A3F35;
  --sidebar-ring: #1B5E3F;
}

/* Base Typography */
body {
  font-family: 'Inter', sans-serif;
  background-color: var(--background);
  color: var(--foreground);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  line-height: 1.2;
}

/* Custom Container Utility (matching Tailwind config) */
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 1280px;
  }
}

/* Default WordPress Image Alignment */
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }