/* ============================================================================
 * DESIGN: Swiss / Grid Typography
 *
 * Dieter Rams / Swiss modernism / Braun mood.
 *
 * Font:    Inter or Helvetica Neue
 * Layout:  strict 12-col baseline grid (8px unit)
 * Corners: 0 (sharp)
 * Color:   black/white/grey + 1 accent
 * Numbers: big task numbers 01/02/03 at 24px
 * Rule:    horizontal rule as visual separator
 * ============================================================================ */

html[data-design="swiss"] {
  --radius: 0px;
  --radius-lg: 0px;
  --shadow: none;
  --shadow-lg: none;
  --serif: 'Inter', 'Helvetica Neue', 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
  --sans:  'Inter', 'Helvetica Neue', 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
}

html[data-design="swiss"][data-theme="light"] {
  --bg: #ffffff;
  --bg-tint: #fafafa;
  --surface: #ffffff;
  --surface-2: #f4f4f4;
  --border: #1a1a1a;
  --border-soft: #d6d6d6;
  --ink: #0a0a0a;
  --ink-soft: #2a2a2a;
  --muted: #8a8a8a;
}
html[data-design="swiss"][data-theme="dark"] {
  --bg: #0a0a0a;
  --bg-tint: #0f0f0f;
  --surface: #121212;
  --surface-2: #1a1a1a;
  --border: #f0f0f0;
  --border-soft: #2a2a2a;
  --ink: #f0f0f0;
  --ink-soft: #d0d0d0;
  --muted: #8a8a8a;
}

html[data-design="swiss"] body {
  font-family: var(--sans);
  font-size: 13px;
  line-height: 1.6;
}
html[data-design="swiss"] body::before { opacity: 0 !important; }
html[data-design="swiss"] .drift-orb { display: none !important; }

/* No cards — flat surfaces separated by rules */
html[data-design="swiss"] .day,
html[data-design="swiss"] .today-card,
html[data-design="swiss"] .palette-card,
html[data-design="swiss"] .task-breakdown {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  border-top: 1px solid var(--border) !important;
  background: transparent !important;
  padding-top: 16px !important;
}
html[data-design="swiss"] .modal,
html[data-design="swiss"] .drawer {
  border-radius: 0 !important;
  border: 1px solid var(--border) !important;
}

/* Day names: huge thin */
html[data-design="swiss"] .day-name {
  font-family: var(--sans) !important;
  font-size: 2.2em !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em;
  line-height: 1;
}
html[data-design="swiss"] .day-date {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--muted);
}

/* Task list: numbered prefix via counter */
html[data-design="swiss"] .task-list {
  counter-reset: swiss-task;
  list-style: none;
  padding: 0;
}
html[data-design="swiss"] .task-item {
  counter-increment: swiss-task;
  position: relative;
  padding-left: 56px !important;
  border-bottom: 1px solid var(--border-soft);
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
html[data-design="swiss"] .task-item::before {
  content: counter(swiss-task, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 24px;
  font-weight: 300;
  color: var(--muted);
  letter-spacing: -0.02em;
  font-feature-settings: 'tnum' 1;
  font-variant-numeric: tabular-nums;
}
html[data-design="swiss"] .task-input {
  font-family: var(--sans) !important;
  font-weight: 400;
  font-size: 14px;
}

/* Section labels: uppercase tracking */
html[data-design="swiss"] .section-label {
  font-family: var(--sans) !important;
  text-transform: uppercase;
  letter-spacing: 0.20em;
  font-size: 10px !important;
  font-weight: 500;
  color: var(--muted);
  border-bottom: 1px solid var(--border);
  padding-bottom: 4px;
  margin-bottom: 12px;
}

/* Buttons: sharp, monochrome with thin border */
html[data-design="swiss"] button:not(.task-del):not(.weight-badge):not(.task-kr-dot) {
  border-radius: 0 !important;
  font-family: var(--sans) !important;
  font-weight: 500;
  letter-spacing: 0.02em;
  border: 1px solid var(--border) !important;
}

html[data-design="swiss"] .task-input,
html[data-design="swiss"] .add-task-input,
html[data-design="swiss"] textarea,
html[data-design="swiss"] input[type="text"] {
  border-radius: 0 !important;
}

/* Assets view: numbers are the hero */
html[data-design="swiss"] .view-section[data-view="assets"] .balance-card .bal-net-value,
html[data-design="swiss"] .view-section[data-view="assets"] .summary-card .v {
  font-family: var(--sans) !important;
  font-weight: 200 !important;
  font-feature-settings: 'tnum' 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}