/* ============================================================
   AnalogClock – SVG-Analoguhr
   ============================================================ */

.root {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3125rem;
}

.svg {
  width: 190px;
  height: 190px;
  overflow: visible;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}

/* Ziffernblatt */
.face {
  fill: var(--color-bg-card);
}

.border {
  stroke: var(--color-border);
  stroke-width: 1.5;
}

/* Stundenmarkierungen */
.tickMajor {
  stroke: var(--color-text);
  stroke-width: 1.75;
  stroke-linecap: round;
}

.tickMinor {
  stroke: var(--color-text-muted);
  stroke-width: 0.85;
  stroke-linecap: round;
}

/* Zeiger */
.hourHand {
  stroke: var(--color-text);
  stroke-width: 3.75;
  stroke-linecap: round;
}

.minuteHand {
  stroke: var(--color-text);
  stroke-width: 2.5;
  stroke-linecap: round;
}

.secondHand {
  stroke: #ef4444;
  stroke-width: 1.5;
  stroke-linecap: round;
}

/* Mittelpunkt */
.centerDot {
  fill: #ef4444;
}

.dateText {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-align: center;
  letter-spacing: 0.01em;
}
