:root {
  /* Flat monochrome, Apple system greys */
  --bg: #f4f4f1;
  --ink: #0b0b0c;
  --ink-2: #6e6e73;
  --ink-3: #a1a1a6;
  --line: #d2d2d7;
  --fill: #e7e7e3;
  --surface: #ffffff;
  --on-ink: #ffffff;

  /* Tactile keys: flat face + solid edge underneath */
  --key-dark: #1d1d1f;
  --key-dark-edge: #000000;
  --key-light: #ffffff;
  --key-light-edge: #c7c7cc;

  /* Status dots only: Apple system red / green */
  --live: #ff3b30;
  --done: #34c759;

  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'PingFang SC', 'Helvetica Neue',
    'Hiragino Sans GB', 'Microsoft YaHei', 'Segoe UI', sans-serif;

  --text-eyebrow: 0.9375rem;
  --text-todo: clamp(1.15rem, 0.75rem + 1vw, 1.6rem);
  --text-bar: 1.0625rem;

  --pad: clamp(1.25rem, 0.5rem + 2.2vw, 2.75rem);
  --brand-h: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
  --gap: clamp(1rem, 0.4rem + 1.4vw, 1.75rem);

  /* Clock width is ~2.62em for "00:00", so this fills the row edge to edge */
  --clock-ratio: 2.62;

  --radius-media: 16px;
  --radius-card: 28px;
  --radius-pill: 999px;

  --duration-fast: 160ms;
  --duration-normal: 280ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}