/**
 * MOGEUL Theme Bundle v3.7-HARMONY
 * @description
 * - v3.7: CSS 변수 네임스페이스(--mogeul-) 도입으로 시스템 안정성 강화
 * - MOGEUL 시스템의 모든 시각적 테마를 포함하는 최종 통합 CSS 파일입니다.
 * @version 3.7
 */

/* ================================== */
/* A. 금융/보험/대출 (Finance)        */
/* ================================== */
.theme-finance {
    --mogeul-primary-color: #1B2A49; /* Deep Trust Navy */
    --mogeul-accent-color: #D4AF37;  /* Classic Gold */
    --mogeul-surface-light-color: #F9F9F9;
    --mogeul-surface-color: #E8EBF0;
	--mogeul-surface-light: color-mix(in srgb, var(--mogeul-surface-color) 15%, white);
    --mogeul-border-color: #C5CAD3;
    --mogeul-border-light-color: #E8EBF0;

    --mogeul-link-color: var(--mogeul-accent-color);
    --mogeul-primary-bg-light: color-mix(in srgb, var(--mogeul-primary-color) 15%, white);
    --mogeul-strong-text-color: #2A2F3A; /* Charcoal Navy */
}

/* ================================== */
/* B. 건강/의학 (Health)              */
/* ================================== */
.theme-health {
    --mogeul-primary-color: #4BAF9E; /* Healing Teal */
    --mogeul-accent-color: #A7C7E7;  /* Gentle Blue Mist */
    --mogeul-surface-light-color: #F9F9F9;
    --mogeul-surface-color: #E3F2EF;
	--mogeul-surface-light: color-mix(in srgb, var(--mogeul-surface-color) 15%, white);		
    --mogeul-border-color: #C0E0D8;
    --mogeul-border-light-color: #E3F2EF;

    --mogeul-link-color: var(--mogeul-primary-color);
    --mogeul-primary-bg-light: color-mix(in srgb, var(--mogeul-primary-color) 15%, white);
    --mogeul-strong-text-color: #3C4C4B; /* Deep Teal Gray */
}

/* ================================== */
/* C. 법률/부동산/세금 (Legal)        */
/* ================================== */
.theme-legal {
    --mogeul-primary-color: #2C3E50; /* Legal Steel Blue */
    --mogeul-accent-color: #8B1E3F;  /* Classic Burgundy */
    --mogeul-surface-light-color: #F9F9F9;
    --mogeul-surface-color: #E0E4E8;
	--mogeul-surface-light: color-mix(in srgb, var(--mogeul-surface-color) 15%, white);	
    --mogeul-border-color: #BFC5CC;
    --mogeul-border-light-color: #E0E4E8;

    --mogeul-link-color: var(--mogeul-accent-color);
    --mogeul-primary-bg-light: color-mix(in srgb, var(--mogeul-primary-color) 15%, white);
    --mogeul-strong-text-color: #2A2A2A; /* Legal Charcoal */
}

/* ================================== */
/* D. IT/기술/소프트웨어 (Tech)       */
/* ================================== */
.theme-tech {
    --mogeul-primary-color: #388FA5; /* Tech Charcoal */
    --mogeul-accent-color: #00ACC1;  /* Cyber Blue */
    --mogeul-surface-light-color: #F9F9F9;
    --mogeul-surface-color: #E2F1F5;
	--mogeul-surface-light: color-mix(in srgb, var(--mogeul-surface-color) 15%, white);		
    --mogeul-border-color: #B2DDE5;
    --mogeul-border-light-color: #E2F1F5;

    --mogeul-link-color: var(--mogeul-accent-color);
    --mogeul-primary-bg-light: color-mix(in srgb, var(--mogeul-primary-color) 15%, white);
    --mogeul-strong-text-color: #1A1A1A; /* Deep Graphite */
}

/* ================================== */
/* E. 교육/진로/자격증 (Career)       */
/* ================================== */
.theme-career {
    --mogeul-primary-color: #3F51B5; /* Indigo Ambition */
    --mogeul-accent-color: #FF7043;  /* Coral Motivation */
    --mogeul-surface-light-color: #F9F9F9;
    --mogeul-surface-color: #EDE7F6;
	--mogeul-surface-light: color-mix(in srgb, var(--mogeul-surface-color) 15%, white);		
    --mogeul-border-color: #D1C4E9;
    --mogeul-border-light-color: #EDE7F6;

    --mogeul-link-color: var(--mogeul-primary-color);
    --mogeul-primary-bg-light: color-mix(in srgb, var(--mogeul-primary-color) 15%, white);
    --mogeul-strong-text-color: #3A3A3A; /* Indigo Charcoal */
}

/* ================================== */
/* F. 생활/취미/여행 (Lifestyle)      */
/* ================================== */
.theme-lifestyle {
    --mogeul-primary-color: #C75C2E; /* Brick Orange */
    --mogeul-accent-color: #2E7D6F;  /* Refined Teal */
    --mogeul-surface-light-color: #F9F9F9;
    --mogeul-surface-color: #F5EAD0;
	--mogeul-surface-light: color-mix(in srgb, var(--mogeul-surface-color) 15%, white);		
    --mogeul-border-color: #E0B394;
    --mogeul-border-light-color: #F5EAD0;

    --mogeul-link-color: var(--mogeul-primary-color);
    --mogeul-primary-bg-light: color-mix(in srgb, var(--mogeul-primary-color) 15%, white);
    --mogeul-strong-text-color: #4E342E; /* Dark Brown */
}