@charset "UTF-8";

@font-face {
	font-family: 'Pretendard';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/pretendard/woff2/PretendardVariable.woff2') format('woff2-variations');
}

:root {
  /* 색상 */
  --color-primary: #0095CA;
  --color-secondary: #EEF3F7;
  --color-tertiary: #00B2EE;
  --color-subnav: #1B3A5C;
  --color-text: #333;
  --color-bg: #fff;
  --color-border: #e0e0e0;
  --color-table-thead:#f6f6f6;
  --color-dark-gr:#717A80;
  --color-link:#1A73E8;
  --color-gra:linear-gradient(180deg, rgba(93, 155, 214, 0.06), rgba(99, 195, 176, 0.04));
  --color-black:#000;
  --color-sub-top:linear-gradient(to bottom, #F3F8FB 0%, transparent 100%);
  --color-sch-gr:#e7e7e7;
  --color-disabled:#fafafa;
  --color-main-subtext:#888;


	/* 폰트 */
  --font-base: 'Pretendard', sans-serif;

  /* 폰트 사이즈 스케일 */
  --fs-12: 12px;   /* 캡션·뱃지 */
  --fs-14: 14px;   /* 메타·날짜·폼 */
  --fs-16: 16px;   /* 본문 기본 */
  --fs-18: 18px;   /* 소제목·카드제목 */
  --fs-20: 20px;   /* 섹션 모바일·소제목 */
  --fs-24: 24px;   /* 서브헤딩 */
  --fs-28: 28px;   /* 서브헤딩 상 */
  --fs-32: 32px;   /* 섹션 타이틀 */
  --fs-40: 40px;   /* 대제목 */
  --fs-48: 48px;   /* 페이지 타이틀 */
  --fs-72: 72px;   /* 강조 타이틀 */

  /* 기존 변수 — 스케일에 연결(호환 유지) */
  --font-size-base: var(--fs-16);
  --font-size-sm:   var(--fs-14);
  --font-size-lg:   var(--fs-20);

  /* 여백 */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;

  /* 그림자 */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.15);
  --shadow-local: 15px 26px 30px 0px rgba(38, 88, 145, 0.08);
  --shadow-card:0 8px 25px #d0e1ec;
  --shadow-hover: 0 28px 60px rgba(34, 34, 34, 0.12);
  --shadow-custom1: 0 0 15px 5px rgba(0, 0, 0, 0.05);
}

/* 다크 모드 (B안 최적화 팔레트) */
[data-theme="dark"] {
  --color-primary: #ff4fa2;
  --color-secondary: #d85c6f;
  --color-tertiary: #4cc3f7;
  --color-text: #e0e0e0;
  --color-white: #fff;
  --color-bg: #121212;
  --color-border: #333;
  --color-table-thead: #1e1e1e;
  --color-dark-gr: #a0a0a0;
  --color-link: #8ab4f8;
  --color-bg-op1:rgba(255,255,255,0.1);
  --color-sub-top: linear-gradient(to bottom, #27333f 0%, transparent 100%);
  --color-sch-gr: #2e2e2e;
  --color-disabled:#1b1b1b;
  --color-gra:linear-gradient(180deg, rgba(93, 155, 214, 0.1), rgba(99, 195, 176, 0.1));

  /* 그림자: 밝은 glow 느낌 */
  --shadow-sm: 0 1px 2px rgba(255, 255, 255, 0.05);
  --shadow-md: 0 4px 6px rgba(255, 255, 255, 0.08);
  --shadow-lg: 0 10px 15px rgba(255, 255, 255, 0.1);
  --shadow-local: 15px 26px 30px 0px rgba(255, 255, 255, 0.08);
  --shadow-card: 0 8px 25px #27333f;
  --shadow-hover: 0 28px 60px rgba(255, 255, 255, 0.12);
}

/* 브라우저 기본 다크모드 감지 → 초기값 지정 */
/*@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-primary: #ff4fa2;
    --color-secondary: #d85c6f;
    --color-tertiary: #4cc3f7;
    --color-text: #e0e0e0;
    --color-white: #fff;
    --color-bg: #121212;
    --color-border: #333;
    --color-table-thead: #1e1e1e;
    --color-dark-gr: #a0a0a0;
    --color-link: #8ab4f8;
    --color-bg-op1:rgba(255,255,255,0.1);
    --color-sub-top: linear-gradient(to bottom, #27333f 0%, transparent 100%);
    --color-sch-gr: #2e2e2e;
    --color-disabled:#1b1b1b;
    --color-gra:linear-gradient(180deg, rgba(93, 155, 214, 0.1), rgba(99, 195, 176, 0.1));
    --fc-border-color: #444;
  }
  
}*/