/* ============================================
   variables.css — 빈티지 노트 스큐어모피즘 토큰
   노란 종이 + 갈색 가죽 + 클래식 연두 배색
   ============================================ */

:root {
  /* ── 갈색 가죽 바인딩 ── */
  --leather-dark:       hsl(24, 45%, 14%);   /* 진한 초콜릿 */
  --leather-mid:        hsl(24, 42%, 20%);
  --leather-light:      hsl(25, 38%, 28%);
  --leather-highlight:  hsl(27, 32%, 36%);
  --leather-stitch:     hsl(40, 55%, 60%);   /* 금빛 스티칭 */

  /* ── 클래식 연두 헤더 (구 iOS 캘린더) ── */
  --green-dark:         hsl(100, 38%, 24%);
  --green-mid:          hsl(102, 40%, 34%);
  --green-light:        hsl(104, 38%, 44%);
  --green-shine:        hsl(106, 35%, 56%);
  --green-linen-1:      hsla(100, 30%, 22%, 0.9);
  --green-linen-2:      hsla(102, 28%, 30%, 0.6);

  /* ── 노란 크림 종이 ── */
  --paper-warm:         hsl(47, 60%, 96%);   /* 아이보리 흰 종이 */
  --paper-cream:        hsl(46, 55%, 91%);   /* 크림 */
  --paper-aged:         hsl(44, 48%, 86%);   /* 오래된 종이 */
  --paper-darker:       hsl(42, 40%, 80%);   /* 그림자 영역 */
  --paper-line:         hsl(44, 35%, 80%);   /* 노트 줄 */
  --paper-shadow:       hsl(40, 28%, 72%);   /* 카드 그림자 */

  /* ── 텍스트 ── */
  --text-dark:          hsl(24, 40%, 10%);   /* 진한 갈색 잉크 */
  --text-mid:           hsl(24, 28%, 32%);
  --text-light:         hsl(24, 18%, 52%);
  --text-on-green:      hsl(110, 20%, 92%);  /* 연두 위의 텍스트 */
  --text-emboss-light:  hsla(0, 0%, 100%, 0.3);
  --text-emboss-dark:   hsla(0, 0%, 0%, 0.35);

  /* ── 오늘 날짜 강조 (빨간 원형) ── */
  --accent-red:         hsl(4, 68%, 46%);
  --accent-red-light:   hsl(4, 62%, 58%);
  --accent-red-dark:    hsl(4, 72%, 32%);

  /* ── 금속 (버튼용) ── */
  --metal-light:        hsl(44, 15%, 82%);
  --metal-mid:          hsl(42, 12%, 60%);
  --metal-dark:         hsl(40, 14%, 40%);
  --metal-rim:          hsl(38, 18%, 32%);
  --metal-shine:        hsl(46, 25%, 90%);

  /* ── 일정 카테고리 ── */
  --event-color-blue:   hsl(210, 55%, 46%);
  --event-color-green:  hsl(140, 42%, 40%);
  --event-color-orange: hsl(28, 78%, 50%);
  --event-color-pink:   hsl(340, 52%, 50%);
  --event-color-purple: hsl(270, 38%, 48%);
  --event-color-teal:   hsl(178, 42%, 40%);
  --event-color-red:    hsl(4, 70%, 50%);
  --event-color-gray:   hsl(0, 0%, 55%);
  --event-color-default: hsl(24, 30%, 45%); /* 구글 캘린더 기본 색상 (빈티지 톤) */

  /* ── 폰트 ── */
  --font-family:        'Georgia', 'Times New Roman', serif;
  --font-family-ui:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-xs:       0.6875rem;
  --font-size-sm:       0.75rem;
  --font-size-base:     0.875rem;
  --font-size-md:       1rem;
  --font-size-lg:       1.25rem;
  --font-size-xl:       1.5rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold:   700;

  /* ── 간격 ── */
  --spacing-xs:  4px;
  --spacing-sm:  8px;
  --spacing-md:  12px;
  --spacing-lg:  16px;
  --spacing-xl:  24px;
  --spacing-2xl: 32px;

  /* ── 둥근 모서리 ── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-full: 50%;

  /* ── 그림자 ── */
  --shadow-inset:    inset 0 1px 3px hsla(0, 0%, 0%, 0.25), inset 0 -1px 1px hsla(0, 0%, 100%, 0.1);
  --shadow-raised:   0 2px 4px hsla(24, 30%, 0%, 0.25), 0 1px 2px hsla(0, 0%, 0%, 0.15);
  --shadow-elevated: 0 4px 12px hsla(24, 30%, 0%, 0.3), 0 2px 4px hsla(0, 0%, 0%, 0.2);
  --shadow-button:   0 2px 4px hsla(0, 0%, 0%, 0.28), inset 0 1px 0 hsla(0, 0%, 100%, 0.28);

  /* ── 전환 ── */
  --transition-fast:   150ms ease;
  --transition-normal: 300ms ease;

  /* ── 안전 영역 ── */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  /* ── 일기장 ── */
  --diary-bg:            var(--paper-cream);
  --diary-text:          var(--text-dark);
  --diary-line-color:    var(--paper-line);
  --diary-placeholder:   var(--text-light);
  --diary-mood-bg:       hsla(44, 40%, 90%, 0.6);
  --diary-photo-border:  var(--paper-shadow);

  /* ── 할일 리스트 ── */
  --todo-bg:             var(--paper-warm);
  --todo-text:           var(--text-dark);
  --todo-check-color:    hsl(140, 50%, 40%);
  --todo-done-text:      var(--text-light);
  --todo-priority-high:  hsl(4, 68%, 46%);
  --todo-priority-medium:hsl(44, 80%, 50%);
  --todo-priority-low:   hsl(210, 55%, 46%);
  --todo-category-work:  hsl(210, 55%, 46%);
  --todo-category-study: hsl(270, 38%, 48%);
  --todo-category-exercise: hsl(140, 42%, 40%);
  --todo-category-life:  hsl(28, 78%, 50%);
  --todo-progress-bg:    var(--paper-darker);
  --todo-progress-fill:  hsl(140, 50%, 40%);

  /* ── 탭 바 ── */
  --tab-bar-bg:          var(--leather-dark);
  --tab-bar-border:      var(--leather-highlight);
  --tab-bar-active:      var(--accent-red);
  --tab-bar-inactive:    hsl(24, 18%, 62%);
  --tab-bar-label:       hsl(24, 18%, 72%);
}

/* ============================================
   PC통신 테마 (VT100 감성)
   ============================================ */
[data-theme="pctel"] {
  /* ── 배경 (파랑) ── */
  --leather-dark:       #000080;
  --leather-mid:        #000080;
  --leather-light:      #0000A0;
  --leather-highlight:  #000080;
  --leather-stitch:     transparent;

  /* ── 헤더 (파랑) ── */
  --green-dark:         #000080;
  --green-mid:          #000080;
  --green-light:        #000080;
  --green-shine:        #000080;
  --green-linen-1:      #000080;
  --green-linen-2:      #000080;

  /* ── 달력 영역 (파랑 배경) ── */
  --paper-warm:         #0000A0;
  --paper-cream:        #0000A0;
  --paper-aged:         #000080;
  --paper-darker:       #000080;
  --paper-line:         #0000A0; /* 노트 줄무늬 숨김(같은 색) */
  --paper-shadow:       #000080;

  /* ── 텍스트 ── */
  --text-dark:          #FFFFFF; /* 흰색 글자 */
  --text-mid:           #FFFF00; /* 노란색 */
  --text-light:         #00FFFF; /* 하늘색 */
  --text-on-green:      #FFFFFF;
  --text-emboss-light:  transparent;
  --text-emboss-dark:   transparent;

  /* ── 일정 색상 매핑 ── */
  --event-color-red:    #FF0000; /* 빨강 -> 빨강 */
  --event-color-orange: #FFFF00; /* 오렌지/노랑 -> 노랑 */
  --event-color-green:  #00FF00; /* 초록 -> 초록 */
  --event-color-blue:   #00FF00; /* 파랑 -> 초록 (요청: 초록이나 파랑 계열이면 초록) */
  --event-color-teal:   #00FFFF; /* 하늘색 -> 하늘색(Cyan) */
  --event-color-purple: #FF00FF; /* 보라 -> 핑크(Magenta) */
  --event-color-pink:   #FF00FF; /* 핑크 -> 핑크 */
  --event-color-gray:   #FFFFFF; /* 회색 -> 흰색 */
  --event-color-default:#FFFFFF; /* 기본 -> 흰색 */

  /* ── 강조 색상 ── */
  --accent-red:         #FF0000;
  --accent-red-light:   #FF0000;
  --accent-red-dark:    #FF0000;

  /* ── 폰트 오버라이드 ── */
  --font-family:        'DungGeunMo', monospace;
  --font-family-ui:     'DungGeunMo', monospace;

  /* ── 그림자/반사 효과 무효화 ── */
  --shadow-inset:    none;
  --shadow-raised:   none;
  --shadow-elevated: none;
  --shadow-button:   none;
  
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-full: 0px; /* 모든 걸 각지게 */

  /* ── 일기장 ── */
  --diary-bg:            var(--leather-dark);
  --diary-text:          #00FF00;
  --diary-line-color:    transparent;
  --diary-placeholder:   #00FFFF;
  --diary-mood-bg:       transparent;
  --diary-photo-border:  #00FFFF;

  /* ── 할일 리스트 ── */
  --todo-bg:             var(--leather-dark);
  --todo-text:           #FFFFFF;
  --todo-check-color:    #00FF00;
  --todo-done-text:      #00FFFF;
  --todo-priority-high:  #FF0000;
  --todo-priority-medium:#FFFF00;
  --todo-priority-low:   #00FFFF;
  --todo-category-work:  #00FFFF;
  --todo-category-study: #FF00FF;
  --todo-category-exercise: #00FF00;
  --todo-category-life:  #FFFF00;
  --todo-progress-bg:    #000080;
  --todo-progress-fill:  #00FF00;

  /* ── 탭 바 ── */
  --tab-bar-bg:          #000080;
  --tab-bar-border:      #00FFFF;
  --tab-bar-active:      #FFFFFF;
  --tab-bar-inactive:    #00FFFF;
  --tab-bar-label:       #00FFFF;
}