/* ============================================================================
 * KRX Brand Overrides for iOS 26 Tokens
 * ----------------------------------------------------------------------------
 * iOS 26 토큰 위에 KRX 브랜드 컬러를 점령(override)하는 레이어.
 * tokens.css 다음에 import 되어야 함.
 *
 * KRX 브랜드:
 *   - Primary  : #00B4D6 (cyan)   ← iOS color-cyan/blue 점령
 *   - Accent   : #E4A015 (gold)   ← iOS color-yellow 점령
 *   - Secondary: #003F88 (deep blue) ← iOS color-indigo 점령
 *
 * 폰트: 한국어 비중이 높아 SF Pro 대신 SUIT Variable을 우선.
 * ========================================================================= */


/* ---------------------------------------------------------------------------
 * LIGHT MODE
 * ------------------------------------------------------------------------ */
:root {
  /* -- KRX 브랜드 컬러로 iOS 시스템 컬러 점령 ----------------------------- */
  --ios-color-cyan: #00B4D6;       /* Primary */
  --ios-color-blue: #00B4D6;       /* iOS 컴포넌트 디폴트 blue → cyan 통일 */
  --ios-color-yellow: #E4A015;     /* Accent */
  --ios-color-indigo: #003F88;     /* Secondary */

  /* iOS Glass icon color (디폴트 blue 참조) → cyan */
  --ios-glass-icon-primary: #00B4D6;

  /* -- 폰트 패밀리: SUIT Variable 우선 ------------------------------ */
  --ios-font-family:
    'SUIT Variable', -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;
  --ios-font-family-rounded:
    'SUIT Variable', "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;

  /* -- KRX 시맨틱 별칭 (마이그레이션 호환층) ------------------------------ */
  /* 기존 KRX 코드가 --color-* 토큰을 참조하는 동안 안전하게 동작하도록      */
  /* iOS 26 토큰에 매핑한다. Phase 7에서 KRX 자체 토큰은 정리 예정.           */
  --color-primary:        var(--ios-color-cyan);
  --color-primary-light:  rgba(0, 180, 214, 0.12);
  --color-primary-dark:   #008CB0;
  --color-accent:         var(--ios-color-yellow);
  --color-accent-light:   rgba(228, 160, 21, 0.12);
  --color-secondary:      var(--ios-label-primary);

  /* Background 별칭 */
  --color-bg:             var(--ios-bg-grouped-primary);
  --color-bg-elevated:    var(--ios-bg-grouped-secondary);
  --color-bg-muted:       var(--ios-bg-secondary);

  /* Grey 별칭 (KRX 50~900 → iOS gray 시리즈) */
  --color-grey-50:   #FAFAFA;
  --color-grey-100:  var(--ios-gray-6);   /* #f2f2f7 */
  --color-grey-200:  var(--ios-gray-5);   /* #e5e5ea */
  --color-grey-300:  var(--ios-gray-4);   /* #d1d1d6 */
  --color-grey-400:  var(--ios-gray-3);   /* #c7c7cc */
  --color-grey-500:  var(--ios-gray);     /* #8e8e93 */
  --color-grey-600:  var(--ios-gray-2);   /* #aeaeb2 */
  --color-grey-700:  #616161;
  --color-grey-800:  #424242;
  --color-grey-900:  var(--ios-gray-black); /* #000000 */

  /* Semantic 별칭 */
  --color-success: var(--ios-color-green);
  --color-warning: var(--ios-color-orange);
  --color-error:   var(--ios-color-red);
  --color-info:    var(--ios-color-cyan);

  /* Finance (한국 관습: 빨강=상승, 파랑=하락) */
  --color-stock-up:   var(--ios-color-red);
  --color-stock-down: var(--ios-color-blue);
  --color-stock-flat: var(--ios-color-gray);
}


/* ---------------------------------------------------------------------------
 * DARK MODE — iOS 26 다크 클래스(.ios26-dark) + 시스템 prefers-color-scheme
 * ------------------------------------------------------------------------ */
.ios26-dark,
:root[data-theme="dark"] {
  /* 다크 모드에서는 라이트 cyan으로 살짝 보정 */
  --ios-color-cyan: #00C8EC;
  --ios-color-blue: #00C8EC;
  --ios-color-yellow: #FFB732;
  --ios-color-indigo: #4A7CC8;

  --ios-glass-icon-primary: #00C8EC;

  --color-primary:       var(--ios-color-cyan);
  --color-primary-light: rgba(0, 200, 236, 0.16);
  --color-primary-dark:  #00B4D6;
  --color-accent:        var(--ios-color-yellow);
  --color-accent-light:  rgba(255, 183, 50, 0.16);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ios-color-cyan: #00C8EC;
    --ios-color-blue: #00C8EC;
    --ios-color-yellow: #FFB732;
    --ios-color-indigo: #4A7CC8;
  }
}