:root {
    /* --- Colors --- */
    --color-primary: #8d7b68;
    --color-primary-dark: #5e5044;
    --color-secondary: #2c2c2c;
    --color-accent: #cbb59d;
    --color-bg-light: #fcfbf9;
    --color-bg-dark: #1a1a1a;
    --color-bg-dark-secondary: #151515;
    --color-bg-black: #111111;
    --color-text-gold: #b89b72;

    /* --- Images --- */
    --img-hero: url("/images/modern_model_house_interior.png");
    --img-bedroom: url("https://lh3.googleusercontent.com/aida-public/AB6AXuC0DvGBelz9FNm-CDL316k-YMbW1RFWTwD8MDG_70Cz0MHXXZMSQySJhEcDRNfMngPO6ils31Ebwy5x_Gg4oh72Csw9g_RXXfcmdvgi5qvVOCUuiXilWm63Q3g83t4nY_dTge_FaZSCPKrlAhVrEsQfO6F70AAB7UB0f3GtCbRJ9mS_2WhifivuKFurKCXNkKoyDNGyc_KEaIynYTWWBkAuVbGUGtlnRNsqNNya10OCksnkq_EcsUjCkMKS7PLOVcVDsBg5Og9xBqo");
    --img-living: url("https://lh3.googleusercontent.com/aida-public/AB6AXuD8xyso4psgQQc5spFFUst16vv_WQX3iLInHVdNLKsLrEcJACV20j_YrFP5NslVB6VMb_yne69JRQfZQD_-TqcgOpi-YwDozyBvDbk9hZpZ7kVuPLqezGNamQFQ8jZQqX99AxXCR1z79QTQIuTm83WOvAb5yfbbw35ypwUuhGagA7zUio0gGRHUWRLmo-2W9r6ZYs-Owc8U2B8-xjQDu71M390NXae59oMJU1zXJeBlFacuZTvuaVJHU6muuIbk4U5SR3Uq9c2vEXI");
    --img-stairs: url("/images/japanese_family_lifestyle.png");
    --img-renovation: url("https://lh3.googleusercontent.com/aida-public/AB6AXuDMgJ-BtAcYlDs9d-OAY8Wq2q3Zh2zoCsmOnSSlm_m8ASArh9OwWfxEtDlYkZtWzbWovsgxhtaDTgIeg9vlSO0PRiWhCEihuQZIcOmptK9IsU0PKKWDICmcTzQyHm2DwbqmSg-yRHVTa9fWt3urrWrOyG52Nn4XP545WTd67oaMRmxp4d6SEZE9P4zaFc0ZcQI7OTjmtrazZhYzTnh4b8JP_zx7QcTYZHEI2M1IkZaHYIHTnSFEQhqFVRarCqJFDQrab2RP7h4v_d0");
    --img-openhouse: url("https://lh3.googleusercontent.com/aida-public/AB6AXuBjwMuTRLB1-A3OtVlu5V7k-u8fTP1nmb_qUGfcZAvFz1uKM10tD9r2CWIlj_nlQ1JesNLu33yaAwtQx9sMLtvizJeSk9Vm_du5EoR0glOid0g4jjFmYvvHELKB9kj_ZfWLFlArg8WyMXmnTQOodLo1d-E4KPQUxfLzWHyhWko-IVX2z04-K-SlAf7gcprshJI_WE0q4XMpQ0P9U8QyHjvvsxj1PuwITushr0HXxLKD7sJaGM8e7jwC6WTgbXaHcZPMERKh3OzDm8U");
    --img-torasu: url("/images/wood_truss_construction_design_phase.png");
    --img-24: url("/images/wood_structure_design_phase.png");
    --img-about: url("/images/about_bg.png");

    /* --- Works Category Images --- */
    --img-event-1: url("https://lh3.googleusercontent.com/aida-public/AB6AXuAHYLc5-7peUBIN-rh1q6GiV7_ZbmEwSmzEtzJAYztUznZHW5DLQioUbeD4uhM1yX2cqckLEnrgWCzXt_EluiraSwZkEc6KXllJ_pBpPUEupe2ENRRxhpjt08aPweW2siD-I2WqC5AFu9pIJZIGE9NVgl4LbVd2spZZ8eDSLl6y9pPLGXzODV81_-1waTlCuxO0-KUznXaRkQLT4XrmuU_tkurncIjlxZHP99B8B7D8slH_osXsTH_WVtiFMc3aWITsh0QFr7x6DHI");
    --img-event-2: url("https://lh3.googleusercontent.com/aida-public/AB6AXuCA65vDCaSqr0fr-qbQ9UaYgA-UpGt5yo6Il64QEHDOJxeHKvNPfbqS6WCdMNaWTvEhnbjzKZCEZaROCrRDRheyzGECxWotLlxqf1TSt_xq9FIrk5IErPAhOleJVrnnYfNsXoS61LRTopt_M502dtBSu3wDwPYwTwsI1OoSq9vJFBggtx5BAKy4D2vRGl4cs6nnkJlPJ8haYC_WTmgLja-1CW8yBUQ0_M3Loq4r0ZHA5JCcqPsE-B29ptmF_vFewZBi0E5RErmh7pc");
    --img-event-3: url("https://lh3.googleusercontent.com/aida-public/AB6AXuBWMmXnQiHyr058RzZ4INA_i2GKZUDvhlkGZydcJ5XTlzZVgGQivaqiIEk_QWf525jQBJruzrjFRUam-2it4pvEjuWgM8JHfEzfQWUCiLdc-EsgdvzdSDafAXoIudaGK9-4h6tYV06qhM2m_FVQUCa1doSy-IyCMd-jNd6NVXKy1SWPUEF5M5cE23-KqUkGWtLIXA1eguKh0H5uzFCSsb6dxPD5FmKP4TAGXkHChudzuYUJj9TgkW1IMdHP6MOHtqLebBhxHHzab6w");
}

/* --- Base Styles --- */
body {
    font-family: 'Inter', 'Noto Serif JP', sans-serif;
}

h1, h2, h3, h4, .serif-font {
    font-family: 'Noto Serif JP', serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* --- Layout Grid --- */
.mag-layout-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5rem;
}

/* --- Components --- */
.sticky-buttons {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 40;
    display: flex;
    flex-direction: column;
    gap: 1px;

    .sticky-btn {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        padding: 1rem 0.75rem;
        color: white;
        font-size: 0.875rem;
        letter-spacing: 0.1em;
        transition: all 0.3s;
        cursor: pointer;

        &.btn-catalog {
            background-color: var(--color-accent);
            &:hover { opacity: 0.9; }
        }

        &.btn-consult {
            background-color: var(--color-primary);
            &:hover { opacity: 0.9; }
        }
    }
}