/*
Theme Name: Caring and Sharing
Theme URI: https://example.com/caring-and-sharing
Author: Custom Development Team
Author URI: https://example.com
Description: Custom WordPress theme for New Caring & Sharing with ACF Pro editable fields, custom page templates, and responsive design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: caring-sharing
Domain Path: /languages
*/

/* Baseline theme reset and core variables */
:root {
  --font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Georgia', Cambria, 'Times New Roman', serif;
  
  --color-brand-50: #e6f6f8;
  --color-brand-100: #cceef1;
  --color-brand-300: #7ee2eb;
  --color-brand-500: #00a4b6;
  --color-brand-600: #0093a3;
  --color-brand-700: #007f8d;
  --color-brand-900: #005059;

  --color-amber-50: #faf3e6;
  --color-amber-100: #f7e7cd;
  --color-amber-400: #e3b55d;
  --color-amber-500: #d9a440;
  --color-amber-600: #c49033;
  --color-amber-700: #ad7e27;
  --color-amber-900: #6d4c0b;

  --color-sand-50: #f8f2e8;
  --color-sand-100: #ddcbb6;
  --color-sand-200: #d5c0aa;
  --color-sand-300: #cbb49c;
  --color-sand-400: #bca188;
  --color-sand-500: #a6856b;
  --color-sand-600: #8e6c55;
  --color-sand-700: #755440;
  --color-sand-800: #5a3d2e;
  --color-sand-900: #3d281c;

  /* Slate palette matches mockup custom warm tone */
  --color-slate-50: #f8f2e8;
  --color-slate-100: #ddcbb6;
  --color-slate-200: #d5c0aa;
  --color-slate-300: #cbb49c;
  --color-slate-400: #bca188;
  --color-slate-500: #a6856b;
  --color-slate-600: #8e6c55;
  --color-slate-700: #755440;
  --color-slate-800: #5a3d2e;
  --color-slate-900: #000000;

  /* Gray palette matches mockup custom tone */
  --color-gray-50: #f8f2e8;
  --color-gray-100: #ddcbb6;
  --color-gray-200: #d5c0aa;
  --color-gray-300: #cbb49c;
  --color-gray-400: #bca188;
  --color-gray-500: #a6856b;
  --color-gray-600: #8e6c55;
  --color-gray-700: #755440;
  --color-gray-800: #231F20;
  --color-gray-900: #000000;

  --color-black: #000000;
  --color-white: #ffffff;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f8f2e8;
}

::-webkit-scrollbar-thumb {
  background: #ddcbb6;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #00a4b6;
}