/* Dotpad design tokens
   Palette: warm ink + amber accent on cream (Notes & Writing App)
   Style: flat — borders instead of shadows, no gradients */

:root {
  /* Surfaces */
  --c-bg: #fffbeb;
  --c-bg-sunk: #fdf6e0;
  --c-surface: #ffffff;
  --c-surface-muted: #faf7ed;

  /* Ink */
  --c-ink: #0f172a;
  --c-ink-soft: #52525b;
  --c-ink-faint: #857f6e;

  /* Accent */
  --c-accent: #d97706;
  --c-accent-text: #b45309;
  --c-accent-wash: #fef3c7;

  /* Lines */
  --c-border: #e8e0cc;
  --c-border-strong: #d2c6a8;

  /* Feedback */
  --c-danger: #dc2626;
  --c-danger-wash: #fee2e2;

  /* The canvas itself: pure white paper, black dots */
  --c-paper: #ffffff;
  --c-dot: #111111;
  --dot-radius: 1.3px;
  --dot-gap: 24px;

  /* Type */
  --f-display: "Newsreader", Georgia, "Times New Roman", serif;
  --f-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-hand: "Caveat", "Segoe Script", cursive;

  --t-xs: 0.75rem;
  --t-sm: 0.875rem;
  --t-base: 1rem;
  --t-md: 1.125rem;
  --t-lg: 1.375rem;
  --t-xl: 1.875rem;
  --t-2xl: 2.5rem;
  --t-3xl: clamp(2.75rem, 7vw, 4.5rem);

  /* Space */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-full: 999px;

  /* Motion */
  --t-fast: 120ms;
  --t-mid: 180ms;
  --t-slow: 280ms;
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);

  /* Layout */
  --w-page: 1140px;
  --tap: 44px;
}