@charset "utf-8";
/*
Theme Name:ClinicDesignMiraiya_East
Template:ClinicDesignMiraiya
Theme URI:https://cdmeast.miraiya.jp/
Description:ClinicDesignMiraiya_East from Miraiya
Version:1.0
Author:Miraiya,Inc.
Author URI:https://miraiya.jp/
*/

:root {
    /* --- BASE THEME--- */
    --hue-theme: 272;
    --sat-theme: 65%;
    --lum-theme: 42%;
    --lum-theme-dark: 28%;
    --lum-theme-darker: 18%;
    --alpha: 1;
    --alpha-trp: 0.2;
    --alpha-mtrp: 0.9;

    /* --- Neutral --- */
    --sat-neutral: 0%;
    --lum-white: 95%;
    --lum-black: 5%;

    /* --- Gold --- */
    --hue-gold: 45;
    --sat-gold: 95%;
    --lum-gold: 55%;

    /* --- Form Colors --- */
    --hue-form: 150;
    --sat-form: 60%;
    --lum-form: 40%;

    /* --- Point Colors --- */
    --hue-point: 28;
    --sat-point: 95%;
    --lum-point: 50%;

    /* --- Dark Colors --- */
    --hue-dark: 220;
    --sat-dark: 35%;
    --lum-dark: 30%;

    /* --- Base Colors --- */
    --color-theme: hsla(var(--hue-theme), var(--sat-theme), var(--lum-theme), var(--alpha));
    --color-theme-dark: hsla(var(--hue-theme), var(--sat-theme), var(--lum-theme-dark), var(--alpha));
    --color-theme-darker: hsla(var(--hue-theme), var(--sat-theme), var(--lum-theme-darker), var(--alpha));
    --color-white: hsla(var(--hue-theme), var(--sat-neutral), var(--lum-white), var(--alpha));
    --color-black: hsla(var(--hue-theme), var(--sat-neutral), var(--lum-black), var(--alpha));
    --color-gold: hsla(var(--hue-gold), var(--sat-gold), var(--lum-gold), var(--alpha));
    --color-form: hsla(var(--hue-form), var(--sat-form), var(--lum-form), var(--alpha));
    --color-point: hsla(var(--hue-point), var(--sat-point), var(--lum-point), var(--alpha));
    --color-darktheme: hsla(var(--hue-dark), var(--sat-dark), var(--lum-dark), var(--alpha));
    --color-body-background: hsla(var(--hue-gold), var(--sat-gold), var(--lum-gold), calc(var(--alpha) - 0.93));

    /* --- Transparent Variants --- */
    --color-theme-trp: hsla(var(--hue-theme), var(--sat-theme), var(--lum-theme), calc(var(--alpha) - var(--alpha-trp)));
    --color-theme-mtrp: hsla(var(--hue-theme), var(--sat-theme), var(--lum-theme), calc(var(--alpha) - var(--alpha-mtrp)));
    --color-theme-dark-trp: hsla(var(--hue-theme), var(--sat-theme), var(--lum-theme-dark), calc(var(--alpha) - var(--alpha-trp)));
    --color-theme-dark-mtrp: hsla(var(--hue-theme), var(--sat-theme), var(--lum-theme-dark), calc(var(--alpha) - var(--alpha-mtrp)));
    --color-theme-darker-trp: hsla(var(--hue-theme), var(--sat-theme), var(--lum-theme-darker), calc(var(--alpha) - var(--alpha-trp)));
    --color-theme-darker-mtrp: hsla(var(--hue-theme), var(--sat-theme), var(--lum-theme-darker), calc(var(--alpha) - var(--alpha-mtrp)));
    --color-white-trp: hsla(var(--hue-theme), var(--sat-neutral), var(--lum-white), calc(var(--alpha) - var(--alpha-trp)));
    --color-white-mtrp: hsla(var(--hue-theme), var(--sat-neutral), var(--lum-white), calc(var(--alpha) - var(--alpha-mtrp)));
    --color-black-trp: hsla(var(--hue-theme), var(--sat-neutral), var(--lum-black), calc(var(--alpha) - var(--alpha-trp)));
    --color-black-mtrp: hsla(var(--hue-theme), var(--sat-neutral), var(--lum-black), calc(var(--alpha) - var(--alpha-mtrp)));
    --color-darktheme-trp: hsla(var(--hue-dark), var(--sat-dark), var(--lum-dark), calc(var(--alpha) - var(--alpha-trp)));
    --color-darktheme-mtrp: hsla(var(--hue-dark), var(--sat-dark), var(--lum-dark), calc(var(--alpha) - var(--alpha-mtrp)));
    --color-form-trp: hsla(var(--hue-form), var(--sat-form), var(--lum-form), calc(var(--alpha) - var(--alpha-trp)));
    --color-form-mtrp: hsla(var(--hue-form), var(--sat-form), var(--lum-form), calc(var(--alpha) - var(--alpha-mtrp)));
    --color-point-trp: hsla(var(--hue-point), var(--sat-point), var(--lum-point), calc(var(--alpha) - var(--alpha-trp)));
    --color-point-mtrp: hsla(var(--hue-point), var(--sat-point), var(--lum-point), calc(var(--alpha) - var(--alpha-mtrp)));
    --color-gold-trp: hsla(var(--hue-gold), var(--sat-gold), var(--lum-gold), calc(var(--alpha) - var(--alpha-trp)));
    --color-gold-mtrp: hsla(var(--hue-gold), var(--sat-gold), var(--lum-gold), calc(var(--alpha) - var(--alpha-mtrp)));

    /* --- Shadows --- */
    --shadow-light: 0 2px 4px hsla(var(--hue-theme), var(--sat-neutral), var(--lum-black), 0.08);
    --shadow-medium: 0 4px 6px hsla(var(--hue-theme), var(--sat-neutral), var(--lum-black), 0.12);
    --shadow-heavy: 0 6px 10px hsla(var(--hue-theme), var(--sat-neutral), var(--lum-black), 0.16);

    /* --- Cards --- */
    --card-bg: var(--color-white);
    --card-bg-trp: var(--color-white-trp);
    --card-padding: .75rem;
    --card-margin: .5rem .5rem 1rem 0;
    --card-radius: var(--radius-img);
    --card-shadow: 0 .25rem .25rem var(--color-black-mtrp);
    --card-shadow-theme: 0 .25rem .25rem var(--color-theme-mtrp);
    --card-shadow-theme-dark: 0 .25rem .25rem var(--color-theme-dark-mtrp);
    --card-shadow-theme-darker: 0 .25rem .25rem var(--color-theme-darker-mtrp);
    --card-shadow-white: 0 .25rem .25rem var(--color-white-mtrp);
    --card-shadow-darktheme: 0 .25rem .25rem var(--color-darktheme-mtrp);
    --card-shadow-form: 0 .25rem .25rem var(--color-form-mtrp);
    --card-shadow-point: 0 .25rem .25rem var(--color-point-mtrp);
    --card-shadow-gold: 0 .25rem .25rem var(--color-gold-mtrp);

    /* --- Forms --- */
    --form-padding: .75rem 1rem;
    --form-font-size: 1rem;
    --form-border-radius: .5rem;
    --form-border-width: 2px;
    --form-box-shadow: 0 4px 6px var(--color-form-trp);
    --form-box-shadow-hover: 0 6px 10px var(--color-form-mtrp);
    --form-transition: 0.3s;
    --form-focus-shadow: 0 0 0 4px var(--color-form-mtrp);
    --form-disabled-opacity: 0.6;
    --input-background: hsla(var(--hue-form), var(--sat-form), calc(var(--lum-form)+20%), var(--alpha-trp));
}