/*
Theme Name: SPP Banting
Theme URI: https://sppbanting.archkl.org
Author: Church of Saints Peter and Paul, Banting
Author URI: https://sppbanting.archkl.org
Description: Official website theme for Church of Saints Peter and Paul, Banting — Archdiocese of Kuala Lumpur
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spp-banting
Tags: church, catholic, religious, one-column, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, threaded-comments, translation-ready
*/

/* =========================================================
   CSS Custom Properties  — Sacred Monumentalism
========================================================= */
:root {
    /* Brand colours */
    --color-gold:        #c9a84c;
    --color-gold-light:  #e8d08a;
    --color-gold-pale:   #f5e9c8;
    --color-gold-dim:    #8a6d2a;
    --color-navy:        #0c1018;
    --color-navy-mid:    #141d2b;
    --color-navy-soft:   #1c2737;
    --color-cream:       #f8f3e8;
    --color-cream-dark:  #ede4d0;
    --color-crimson:     #7a1628;
    --color-white:       #ffffff;
    --color-ink:         #1a1410;
    --color-gray:        #7a736a;
    --color-gray-light:  #d9d0c2;

    /* Legacy aliases so existing templates still work */
    --color-primary:    var(--color-navy);
    --color-primary-dk: var(--color-navy);
    --color-secondary:  var(--color-gold);
    --color-light:      var(--color-cream);
    --color-dark:       var(--color-ink);

    /* Gradients */
    --grad-gold:   linear-gradient(135deg, #c9a84c 0%, #e8d08a 50%, #c9a84c 100%);
    --grad-dark:   linear-gradient(160deg, #0c1018 0%, #141d2b 60%, #1c2434 100%);
    --grad-hero:   linear-gradient(160deg, #0c1018 0%, #141d2b 60%, #1c2434 100%);

    /* Fonts */
    --font-display: 'Cinzel Decorative', serif;
    --font-heading: 'Cinzel', serif;
    --font-body:    'Lora', Georgia, serif;

    /* Shadows */
    --shadow-sm:  0 2px 8px rgba(0,0,0,.12);
    --shadow-md:  0 6px 24px rgba(0,0,0,.22);
    --shadow-lg:  0 16px 48px rgba(0,0,0,.38);
    --shadow-gold: 0 4px 24px rgba(201,168,76,.25);

    /* Radii (kept for compatibility) */
    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:  16px;
    --radius-xl:  32px;
    --radius-full: 9999px;

    --max-width: 1200px;
    --transition: 0.35s cubic-bezier(.4,0,.2,1);

    /* Aliases kept for compatibility */
    --color-secondary-lt:  var(--color-gold-light);
    --color-primary-lt:    var(--color-cream-dark);
    --color-primary-md:    var(--color-gold-dim);
    --color-accent:        var(--color-crimson);
    --grad-card:           #ffffff;
    --grad-orange:         linear-gradient(135deg, #c9a84c 0%, #e8d08a 100%);
}