@charset "utf-8";

/* ===== 메디링스 테마 시스템 ===== */
/* Pantone 2026 Cloud Dancer 기반 테마 지원 */

/* --- 기본(Default) 테마 --- */
:root {
  /* 텍스트 */
  --color-text-primary: #3b5568;
  --color-text-secondary: #888;
  --color-text-disabled: #b1bbc3;
  --color-text-inverse: #fff;
  --color-text-link: #666;

  /* 액센트 (Primary Action) */
  --color-accent: #4b53ff;
  --color-accent-light: #ededff;
  --color-accent-gradient: linear-gradient(to bottom right, #4474fc, #694fee);
  --color-cta-gradient: linear-gradient(to right, #0380e6, #005ca7);
  --color-blue-secondary: #004e96;
  --color-blue-tertiary: #0158a2;

  /* 상태 */
  --color-error: #fb3353;
  --color-warning: #f5a623;
  --color-success: #51aea9;

  /* 배경 */
  --color-bg-primary: #fff;
  --color-bg-card: #fff;
  --color-bg-secondary: #f7f8fb;
  --color-bg-tertiary: #fafaff;
  --color-bg-overlay: rgba(0, 0, 0, 0.6);
  --color-bg-toast: rgba(51, 51, 51, 0.95);

  /* 보더/구분선 */
  --color-border: #eceef6;
  --color-border-dark: #ddd;
  --color-shadow: rgba(0, 0, 0, 0.1);

  /* 버튼 */
  --color-button-primary: #5E5BF2;

  /* 배너 */
  --color-banner-gradient: linear-gradient(to bottom, #5662f3, #6550ec);
  --color-banner-accent: #6550ec;

  /* 소견서 */
  --color-opinion-gradient: linear-gradient(0deg, rgba(0,78,150,1) 70%, rgba(6,104,204,1) 100%);
  --color-opinion-shadow: rgba(0, 106, 204, 0.3);

  /* 뱃지/정보 영역 */
  --color-badge-normal-bg: #e4e4ff;
  --color-info-bg: #efeff7;
  --color-info-border: #e5eafe;
  --color-highlight: #4a6efa;

  /* 병원 특화 보라 */
  --color-hospital-accent: #4d4d8e;
  --color-hospital-sub: #9999d0;

  /* 폰트 */
  --font-primary: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --font-cta: 'NanumSquare', sans-serif;

  /* 페이지 줌 (글자 크기 조절) */
  --page-zoom: 1;
}

/* --- 안정감(Serenity) 테마 --- */
/* Pantone 2026 Cloud Dancer #F0EEE9 + Sage Green */
[data-theme="serenity"] {
  /* 텍스트 */
  --color-text-primary: #4a4740;
  --color-text-secondary: #8a857d;
  --color-text-disabled: #b8b3ab;
  --color-text-inverse: #fff;
  --color-text-link: #6b665e;

  /* 액센트 — Sage Green */
  --color-accent: #7a9b8a;
  --color-accent-light: #e8f0eb;
  --color-accent-gradient: linear-gradient(to bottom right, #7a9b8a, #5c8a6e);
  --color-cta-gradient: linear-gradient(to right, #6b8f7a, #5a7d69);
  --color-blue-secondary: #5a7d69;
  --color-blue-tertiary: #6b8f7a;

  /* 상태 */
  --color-error: #c75b5b;
  --color-warning: #c9a256;
  --color-success: #7a9b8a;

  /* 배경 — Cloud Dancer (거의 흰색, 따뜻한 힌트만 유지) */
  --color-bg-primary: #FCFAF6;
  --color-bg-card: #fff;
  --color-bg-secondary: #E8E5DE;
  --color-bg-tertiary: #F0EDE8;
  --color-bg-overlay: rgba(74, 71, 64, 0.6);
  --color-bg-toast: rgba(74, 71, 64, 0.92);

  /* 버튼 — Warm Chocolate Brown */
  --color-button-primary: #6B5744;

  /* 배너 — Sage Gradient */
  --color-banner-gradient: linear-gradient(to bottom, #7a9b8a, #5c8a6e);
  --color-banner-accent: #5c8a6e;

  /* 소견서 — Sage CTA */
  --color-opinion-gradient: linear-gradient(0deg, #5a7d69 70%, #6b8f7a 100%);
  --color-opinion-shadow: rgba(90, 125, 105, 0.3);

  /* 뱃지/정보 영역 — 따뜻한 톤 */
  --color-badge-normal-bg: #e8f0eb;
  --color-info-bg: #F0EDE8;
  --color-info-border: #DDD8D0;
  --color-highlight: #5c8a6e;

  /* 병원 특화 — Warm Sage */
  --color-hospital-accent: #5a7d69;
  --color-hospital-sub: #8a9b8f;

  /* 보더 — Sandstone */
  --color-border: #DDD8D0;
  --color-border-dark: #C8C2B8;
  --color-shadow: rgba(74, 71, 64, 0.08);

  /* 폰트 — Wanted Sans (곧으면서도 유연한 지오메트릭 산세리프) */
  --font-primary: "Wanted Sans Variable", "Wanted Sans", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --font-cta: "Wanted Sans Variable", "Wanted Sans", sans-serif;

  /* 페이지 줌 (글자 크기 조절) */
  --page-zoom: 1;
}

/* --- 오션(Ocean) 테마 --- */
/* Deep Teal + Cool Gray — 신뢰, 안정 */
[data-theme="ocean"] {
  /* 텍스트 */
  --color-text-primary: #2c3e50;
  --color-text-secondary: #6b7d8e;
  --color-text-disabled: #a0b0be;
  --color-text-inverse: #fff;
  --color-text-link: #5a7080;

  /* 액센트 — Teal */
  --color-accent: #2196a8;
  --color-accent-light: #e0f4f7;
  --color-accent-gradient: linear-gradient(to bottom right, #2196a8, #1a7a8a);
  --color-cta-gradient: linear-gradient(to right, #1a8f9e, #15707d);
  --color-blue-secondary: #15707d;
  --color-blue-tertiary: #1a8f9e;

  /* 상태 */
  --color-error: #e25454;
  --color-warning: #e8a838;
  --color-success: #2196a8;

  /* 배경 — Cool White */
  --color-bg-primary: #f8fbfc;
  --color-bg-card: #fff;
  --color-bg-secondary: #ecf2f5;
  --color-bg-tertiary: #f0f6f8;
  --color-bg-overlay: rgba(44, 62, 80, 0.6);
  --color-bg-toast: rgba(44, 62, 80, 0.92);

  /* 버튼 — Deep Teal */
  --color-button-primary: #1a7a8a;

  /* 배너 — Teal Gradient */
  --color-banner-gradient: linear-gradient(to bottom, #2196a8, #1a7a8a);
  --color-banner-accent: #1a7a8a;

  /* 소견서 */
  --color-opinion-gradient: linear-gradient(0deg, #15707d 70%, #1a8f9e 100%);
  --color-opinion-shadow: rgba(26, 143, 158, 0.3);

  /* 뱃지/정보 영역 */
  --color-badge-normal-bg: #e0f4f7;
  --color-info-bg: #ecf2f5;
  --color-info-border: #d5e5ea;
  --color-highlight: #1a8f9e;

  /* 병원 특화 */
  --color-hospital-accent: #1a7a8a;
  --color-hospital-sub: #6ba3b0;

  /* 보더 */
  --color-border: #d5e5ea;
  --color-border-dark: #b8cdd5;
  --color-shadow: rgba(44, 62, 80, 0.08);

  /* 폰트 */
  --font-primary: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --font-cta: 'NanumSquare', sans-serif;

  /* 페이지 줌 */
  --page-zoom: 1;
}

/* --- 블룸(Bloom) 테마 --- */
/* Dusty Rose + Warm Gray — 따뜻한 돌봄 */
[data-theme="bloom"] {
  /* 텍스트 */
  --color-text-primary: #4a3f45;
  --color-text-secondary: #8a7d82;
  --color-text-disabled: #b8adb2;
  --color-text-inverse: #fff;
  --color-text-link: #6b5e63;

  /* 액센트 — Dusty Rose */
  --color-accent: #b8687a;
  --color-accent-light: #fce8ed;
  --color-accent-gradient: linear-gradient(to bottom right, #b8687a, #a05568);
  --color-cta-gradient: linear-gradient(to right, #b06070, #955060);
  --color-blue-secondary: #955060;
  --color-blue-tertiary: #b06070;

  /* 상태 */
  --color-error: #d45d5d;
  --color-warning: #c9a256;
  --color-success: #7a9b8a;

  /* 배경 — Warm Blush */
  --color-bg-primary: #fdf8f9;
  --color-bg-card: #fff;
  --color-bg-secondary: #f5eaed;
  --color-bg-tertiary: #f9f0f2;
  --color-bg-overlay: rgba(74, 63, 69, 0.6);
  --color-bg-toast: rgba(74, 63, 69, 0.92);

  /* 버튼 — Deep Rose */
  --color-button-primary: #a05568;

  /* 배너 — Rose Gradient */
  --color-banner-gradient: linear-gradient(to bottom, #b8687a, #a05568);
  --color-banner-accent: #a05568;

  /* 소견서 */
  --color-opinion-gradient: linear-gradient(0deg, #955060 70%, #b06070 100%);
  --color-opinion-shadow: rgba(176, 96, 112, 0.3);

  /* 뱃지/정보 영역 */
  --color-badge-normal-bg: #fce8ed;
  --color-info-bg: #f5eaed;
  --color-info-border: #e8d8dd;
  --color-highlight: #b06070;

  /* 병원 특화 */
  --color-hospital-accent: #955060;
  --color-hospital-sub: #c09aa5;

  /* 보더 */
  --color-border: #e8d8dd;
  --color-border-dark: #d5c2c8;
  --color-shadow: rgba(74, 63, 69, 0.08);

  /* 폰트 */
  --font-primary: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --font-cta: 'NanumSquare', sans-serif;

  /* 페이지 줌 */
  --page-zoom: 1;
}

/* 테마 전환 트랜지션 */
body,
#wraper,
#wraper .result .titleArea,
.bottom_btn .btn02,
.bottom_btn .btn03 {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}