/* ============================================================
   단지 테마 정의 — AlwaysTV 앱 컬러셋(app/src/main/res/values/colors.xml) 기준
   브랜드 색상을 바꿀 때는 이 파일의 변수 값만 수정한다.
   마크업에서는 항상 시맨틱 토큰(btn-primary, bg-base-200 …)만 사용.

   앱 원본 색 → 토큰 매핑 (다크 테마가 앱과 1:1, 라이트는 같은 휴에서 명도만 조정)
     color_green_light #1EB980  → primary / success   (앱 colorAccent)
     color_blue        #72DEFF  → secondary           (green_dark #045D56 쪽으로 살짝 당긴 시안)
     color_yellow      #FFCF44  → accent
     color_orange      #FF6859  → error               (tving #F63C34 와 같은 계열)
     color_dark_3      #373740  → base-100 (카드·헤더·사이드바 면)
     color_dark_4      #33333D  → base-200 (페이지 바닥)  ※ 분리감을 위해 살짝 더 어둡게
     color_dark_2      #474750  → base-300 / neutral (보더·호버)
     color_white_tv    #EEEEEE  → base-content
   회색 계열은 앱과 같은 살짝 보랏빛 도는 중성색(휴 286)을 공유한다.
   ============================================================ */

/* 라이트 테마 (기본) — 다크의 휴를 그대로 쓰고 명도/채도만 뒤집는다.
   전경으로 쓰이는 색(text-accent, text-warning 등)은 흰 배경에서 읽히도록
   앱의 밝은 노랑/주황을 골드·앰버 쪽으로 내렸다(다크에서는 원본 밝기 유지). */
:root,
[data-theme="light"] {
  color-scheme: light;

  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(97.3% 0.003 286);
  --color-base-300: oklch(92.5% 0.006 286);
  --color-base-content: oklch(25% 0.016 286);

  --color-primary: oklch(51% 0.125 162);          /* ★ 주 브랜드 컬러 (AlwaysTV 그린) */
  --color-primary-content: oklch(98% 0.015 162);
  --color-secondary: oklch(54% 0.11 208);
  --color-secondary-content: oklch(98% 0.012 208);
  --color-accent: oklch(57% 0.13 82);
  --color-accent-content: oklch(98% 0.015 82);
  --color-neutral: oklch(32.5% 0.018 286);        /* 앱 배경 #33333D */
  --color-neutral-content: oklch(96% 0.004 286);

  --color-info: oklch(54% 0.145 248);
  --color-info-content: oklch(98% 0.012 248);
  --color-success: oklch(52% 0.13 160);
  --color-success-content: oklch(98% 0.013 160);
  --color-warning: oklch(60% 0.145 65);
  --color-warning-content: oklch(98% 0.015 65);
  --color-error: oklch(55% 0.19 28);
  --color-error-content: oklch(98% 0.013 28);

  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.75rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

/* 다크 테마 — AlwaysTV 앱 화면과 같은 색 (위 매핑표의 hex 를 OKLCH 로 옮긴 값) */
[data-theme="dark"] {
  color-scheme: dark;

  --color-base-100: oklch(34% 0.016 286);         /* #373740 */
  --color-base-200: oklch(28.5% 0.016 286);       /* #33333D 계열, 카드와 분리되게 한 단계 아래 */
  --color-base-300: oklch(40% 0.015 286);         /* #474750 */
  --color-base-content: oklch(94% 0.004 286);     /* #EEEEEE */

  --color-primary: oklch(70% 0.148 162);          /* #1EB980 */
  --color-primary-content: oklch(18% 0.04 162);
  --color-secondary: oklch(80% 0.11 208);         /* #72DEFF ~ #045D56 사이 시안 */
  --color-secondary-content: oklch(18% 0.04 208);
  --color-accent: oklch(87% 0.157 89);            /* #FFCF44 */
  --color-accent-content: oklch(24% 0.06 89);
  --color-neutral: oklch(40% 0.015 286);          /* #474750 */
  --color-neutral-content: oklch(94% 0.004 286);

  --color-info: oklch(72% 0.13 248);
  --color-info-content: oklch(17% 0.04 248);
  --color-success: oklch(72% 0.145 160);          /* #1EB980 */
  --color-success-content: oklch(17% 0.04 160);
  --color-warning: oklch(80% 0.15 72);
  --color-warning-content: oklch(22% 0.06 72);
  --color-error: oklch(70% 0.17 28);              /* #FF6859 */
  --color-error-content: oklch(17% 0.05 28);

  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.75rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}