/*
Theme Name:  Sinar Buana Fransiskus Asisi
Theme URI:   https://sinarbuana.id
Description: Tema resmi Seminari Menengah Sinar Buana Fransiskus Asisi. Dirancang dengan semangat spiritualitas Fransiskan: sederhana, formatif, modern, dan hangat. Menampilkan identitas seminari dengan elegan dan profesional.
Version:     1.0.0
Author:      Seminari Sinar Buana
Author URI:  https://sinarbuana.id
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sinarbuana
Tags:        custom-menu, featured-images, threaded-comments, translation-ready, custom-logo, responsive-layout
*/

/* ============================================================
   CSS CUSTOM PROPERTIES — Design Tokens Sinar Buana
   ============================================================ */
:root {
    /* Brand Colors */
    --sb-primary:        #7A1024;
    --sb-primary-dark:   #5a0b1a;
    --sb-primary-light:  #9e1a30;
    --sb-secondary:      #C9A227;
    --sb-secondary-dark: #a8851e;
    --sb-secondary-light:#e0bb4a;

    /* Neutrals */
    --sb-bg:             #FDFDFB;
    --sb-bg-alt:         #F5F3ED;
    --sb-white:          #FFFFFF;
    --sb-text:           #1C1C1E;
    --sb-text-light:     #48484A;
    --sb-text-muted:     #8E8E93;
    --sb-border:         #E5E5EA;

    /* Semantics */
    --sb-success:        #243E36;
    --sb-warning:        #D4AF37;
    --sb-danger:         #A62626;
    --sb-info:           #1F4E5B;

    /* Glassmorphism Styles */
    --glass-bg:          rgba(255, 255, 255, 0.75);
    --glass-border:      rgba(255, 255, 255, 0.5);
    --glass-shadow:      0 12px 40px 0 rgba(0, 0, 0, 0.04);
    --glass-bg-dark:     rgba(122, 16, 36, 0.12);
    --glass-border-dark: rgba(255, 255, 255, 0.08);

    /* Typography */
    --font-heading:      'Outfit', sans-serif;
    --font-body:         'Plus Jakarta Sans', sans-serif;

    /* Sizes */
    --radius-xs:         4px;
    --radius-sm:         8px;
    --radius-md:         12px;
    --radius-lg:         18px;
    --radius-xl:         28px;
    --radius-full:       9999px;

    /* Shadows */
    --shadow-sm:  0 2px 8px rgba(122, 16, 36, 0.03);
    --shadow-md:  0 10px 24px rgba(122, 16, 36, 0.05);
    --shadow-lg:  0 20px 48px rgba(122, 16, 36, 0.07);
    --shadow-xl:  0 32px 72px rgba(0, 0, 0, 0.12);
    --shadow-premium: 0 24px 64px -16px rgba(122, 16, 36, 0.08);
    --shadow-glow-crimson: 0 12px 32px rgba(122, 16, 36, 0.18);
    --shadow-glow-gold: 0 12px 32px rgba(201, 162, 39, 0.15);

    /* Transitions */
    --transition-fast:   0.15s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-base:   0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow:   0.55s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-bounce: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Spacing */
    --container-max:     1200px;
    --section-py:        88px;
}