/* ============================================
   Josia Rakotondravohitra — Design Variables
   Premium, sober, contemporary & artistic
   ============================================ */

:root {
    /* Dark palette — sophisticated charcoal & warm gold */
    --jr-bg-primary: #0F0F12;
    --jr-bg-secondary: #1A1A20;
    --jr-bg-tertiary: #0A0A0D;
    --jr-bg-light: #F7F6F3;
    --jr-bg-warm: #F0EDEA;
    --jr-bg-card: #1A1A20;

    /* Text */
    --jr-text-light: #F4F1EA;
    --jr-text-dark: #1A1A20;
    --jr-text-muted: #9A9A9A;
    --jr-text-muted-light: #666666;

    /* Accent — warm gold (premium, distinct from APONGA's orange) */
    --jr-accent: #C9A96E;
    --jr-accent-hover: #DFC08A;
    --jr-accent-rgb: 201, 169, 110;

    /* Borders */
    --jr-border-dark: #2A2A30;
    --jr-border-light: #E5E3DF;

    /* Fonts — elegant serif + clean sans */
    --jr-font-heading: "Kanit", sans-serif;
    --jr-font-body: "DM Sans", system-ui, sans-serif;
    --jr-font-nav: "Montserrat", sans-serif;
    --jr-font-serif: "PT Serif", Georgia, serif;
    --jr-font-signature: "PT Serif", Georgia, serif;

    /* Spacing */
    --jr-section-py: 120px;
    --jr-section-py-tablet: 80px;
    --jr-section-py-mobile: 60px;

    /* Effects */
    --jr-radius: 4px;
    --jr-radius-pill: 30px;
    --jr-radius-card: 6px;
    --jr-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
    --jr-shadow-dark: 0 8px 40px rgba(0, 0, 0, 0.5);
    --jr-transition: 0.35s ease;

    /* Bootstrap overrides */
    --bs-body-bg: var(--jr-bg-primary);
    --bs-body-color: var(--jr-text-light);
    --bs-primary: var(--jr-accent);
    --bs-primary-rgb: var(--jr-accent-rgb);
    --bs-border-color: var(--jr-border-dark);
    --bs-border-radius: var(--jr-radius);
    --bs-font-sans-serif: var(--jr-font-body);
    --bs-link-color: var(--jr-accent);
    --bs-link-hover-color: var(--jr-accent-hover);
    --bs-card-bg: var(--jr-bg-card);
    --bs-card-border-color: var(--jr-border-dark);
}

.section-light {
    --bs-body-bg: var(--jr-bg-light);
    --bs-body-color: var(--jr-text-dark);
    --bs-border-color: var(--jr-border-light);
    --bs-card-bg: #FFFFFF;
    --bs-card-border-color: var(--jr-border-light);
}
