/* ⚠️ DEPRECATED — 구 컬러 시스템 (A/ · Fastpass · 홈 리뉴얼 팔레트)
   ────────────────────────────────────────────────────────────────
   26-08-19 컬러 디자인시스템을 Figma Variables(Kiosk 컬렉션) 기준으로 전면 교체하면서
   tokens.css에서 들어낸 값들이다. 여기 있는 토큰은 **더 이상 디자인시스템이 아니다.**

   이 파일이 남아 있는 이유는 하나뿐이다 — 기존 화면(app.css · components.css)이
   아직 이 변수들을 쓰고 있어, 지우면 화면이 통째로 깨진다.
   "디자인에는 아직 적용하지 말 것"이라는 지시를 지키기 위한 임시 격리층이다.

   ⛔ 신규 작업 금지: 새 화면·수정 작업에서는 tokens.css의 새 컬러 토큰만 쓴다.
   🗑 삭제 시점: 화면(app.css)을 새 팔레트로 마이그레이션한 뒤 이 파일과 링크(index.html)를 함께 지운다.
      디자인시스템 페이지(design-system/index.html)와 components.css 는 2026-10-14 부터 이 파일을 쓰지 않는다. */

:root {
  /* Color — A/ */
  --color-black: #0E0E0F;            /* A/Black */
  --color-black-60: rgba(14, 14, 15, 0.5);   /* A/Black_60 */
  --color-white-100: #FFFFFF;        /* A/White_100 */
  --color-white-60: rgba(255, 255, 255, 0.6); /* A/White_60 */
  --color-blue-300: #D7F7FF;         /* A/blue_300 */
  --color-blue-400: #99E4FF;         /* A/blue_400 */
  --color-blue-60: rgba(215, 247, 255, 0.6);  /* A/blue_60 */
  --color-blue-800: #273439;         /* A/blue_800 */

  /* Color — Fastpass 팔레트 (Figma Fastpass Q1~Q3 · 스플래시 2281-2272 확정 스타일)
     26-08-05 디자이너 지시로 승격: 이후 화면은 이 팔레트를 기준으로 통일한다. */
  --color-night-900: #05090A;                    /* 심연 배경 (그라디언트 종점) */
  --color-night-800: #062135;                    /* CTA·패널 배경 */
  --color-night-700: #0C2D43;                    /* 배경 그라디언트 상단 */
  --color-peri-400: #78AEF8;                     /* 페리윙클 포인트 (CTA 보더·활성 도트) */
  --color-ice-300: #C9EFFF;                      /* 아이스 하이라이트 (라이트 보더) */
  --color-ice-200: #C9D6E9;                      /* 아이스 보조 텍스트 */
  --surface-chip: rgba(22, 44, 71, 0.4);         /* 키워드 칩·선택 요소 표면 */
  --surface-steel-20: rgba(125, 162, 189, 0.2);  /* 글로우 보더·문장 빈칸 표면 */
  --surface-frost-5: rgba(255, 255, 255, 0.05);  /* 원형 아이콘 버튼 표면 */
  --glow-ice: 0 0 12px rgba(215, 247, 255, 0.4); /* 선택 글로우 (blue-300 @0.4) */

  /* Color — 홈 리뉴얼 팔레트
     출처: Figma house_before1(2493-6122) / house_before2(2476-3893) /
           quidditch_before1(2486-8187) / quidditch_after1(2476-6195) / My Gallery(2489-5212).
     시안에서 직접 뽑은 값이며 임의 생성값이 아니다. */
  --color-rail-surface: rgba(27, 27, 27, 0.5); /* 레일 비활성 원형 표면 */
  --color-rail-border: #313131;                /* 레일 비활성 보더 */
  --color-rail-label: #5C5C5C;                 /* 레일 비활성 라벨 */
  --color-rail-active: #141B1E;                /* 레일 활성 원형 표면 */
  --color-gold-200: #FAEE92;                   /* 결과 배너 라벨 */
  --color-ice-100: #EDFAFF;                    /* 결과 수치 그라디언트 양 끝 */
  --color-crest-border: #1A2338;               /* 기숙사 문장 썸네일 보더 */
  --color-ink-900: #121212;                    /* My Gallery 배경 */
  --color-ink-800: #030A11;                    /* 갤러리 하단 페이드 종점 */
  --color-ink-700: #363333;                    /* 탭 카운트 배지 */
  --color-ink-600: #222222;                    /* 갤러리 카드 보더 */
  --color-key-flame: #F4632A;                  /* 키워드 도트 1 */
  --color-key-lumos: #D9F42A;                  /* 키워드 도트 2 */
  --color-key-mint:  #2AF4C5;                  /* 키워드 도트 3 */

  /* Elevation — 홈 리뉴얼 */
  --glow-rail: 0 0 4.75px rgba(153, 228, 255, 0.5);  /* 레일 활성 링 */
  --glow-mode: 0 0 11px rgba(153, 228, 255, 0.6);    /* 모드 스위치 활성 */
  /* 2026-09-07: 홈 캐러셀 아트 그림자를 시안에서 X0 · Y4 · Blur10 · Spread0 · EFEEFF 20%로
     통일했다(피그마 Drop shadow 패널 기준). 색만 blue_400 → blue_50으로 바뀌었다. */
  --glow-art:  0 4px 10px rgba(239, 238, 255, 0.2);  /* 캐러셀 아트 — EFEEFF 20% */

  /* Gradient — A/ */
  --gradient-radial: radial-gradient(circle, rgba(0, 109, 122, 0.5) 0%, rgba(0, 200, 224, 0.8) 100%);
  --gradient-linear-blue: linear-gradient(180deg, #FFFFFF 0%, #99E4FF 100%);
  --gradient-linear-white: linear-gradient(180deg, #FFFFFF 0%, #DCDCDC 100%);

  /* Gradient — 홈 리뉴얼 (Figma 배경 radialGradient / 결과 배너 / 갤러리 카드) */
  --gradient-home-sky: radial-gradient(135% 53% at 100% 0%,
    #6495D6 0%, #507AAB 22.356%, #3D5E81 44.713%, #294356 67.069%, #1F3541 78.248%, #15272B 89.426%, #15272B 100%);
  --gradient-result-banner: linear-gradient(to top,
    rgba(153, 228, 255, 0.4) 0%, rgba(62, 161, 210, 0.22) 21.094%, rgba(133, 133, 133, 0.04) 42.188%);
  --gradient-result-value: linear-gradient(90deg, var(--color-ice-100) 0%, var(--color-blue-400) 50%, var(--color-ice-100) 100%);

  /* Gradient — Fastpass */
  --gradient-night: linear-gradient(180deg, var(--color-night-700) 0%, #000000 39%); /* 화면 배경 */
  --gradient-dialog: linear-gradient(90deg, rgba(96, 159, 212, 0.24) 0%, rgba(6, 33, 53, 0) 100%); /* 대화 패널 */
  --gradient-band: linear-gradient(90deg, rgba(55, 99, 160, 0) 0%, rgba(55, 99, 160, 0.36) 35%, rgba(55, 99, 160, 0) 100%); /* 중앙 밴드 */
}