/* Design tokens (docs/WEB_DESIGN.md section 7). Accent colours fill icon squares; the -ink variants are the
   darker shades used for text and button fills so contrast stays >= 4.5:1. */
:root {
  --ground: #F5F5F7;
  --card: #FFFFFF;
  --text: #1D1D1F;
  --text-2: #515154;
  --line: rgba(0, 0, 0, 0.08);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);

  --blue: #0A84FF;
  --green: #34C759;
  --orange: #FF9F0A;
  --red: #FF3B30;
  --purple: #5E5CE6;
  --teal: #30B0C7;
  --rose: #FF2D55;
  --gray: #8E8E93;

  --blue-ink: #0066CC;
  --green-ink: #1E7B34;
  --red-ink: #D70015;
  --orange-ink: #8A5300;

  --radius: 16px;
  --radius-sm: 10px;
  --touch: 44px;
  --sidebar-w: 260px;
  --tabbar-h: 64px;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}