/* === SimpleSticky Design Tokens === */

:root {
  /* ── Typography ── */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* ── Wood Background ── */
  --bg-wood-dark: #3d2010;
  --bg-wood-mid: #5a3418;
  --bg-wood-light: #6b3d1f;

  /* ── Category Colors ── */
  --cat-idea-from: #5BA3E8;
  --cat-idea-to: #3B7CC4;
  --cat-diary-from: #B07ECC;
  --cat-diary-to: #8855A2;
  --cat-travel-from: #6FC98C;
  --cat-travel-to: #48A064;
  --cat-shopping-from: #F09A60;
  --cat-shopping-to: #D6733A;
  --cat-todo-from: #B8C0C5;
  --cat-todo-to: #929A9F;
  --cat-anniversary-from: #E56262;
  --cat-anniversary-to: #C43A3A;
  --cat-calendar-from: #E0C85A;
  --cat-calendar-to: #BFA538;

  /* ── Quick Memo ── */
  --memo-yellow: #FFF9C4;
  --memo-yellow-dark: #FFF176;

  /* ── Calendar Widget ── */
  --cal-red: #E53935;

  /* ── Surfaces ── */
  --surface-white: #FFFFFF;

  /* ── Text ── */
  --text-primary: #1A1A1A;
  --text-secondary: #666666;
  --text-white: #FFFFFF;
  --text-muted: #999999;

  /* ── Shadows ── */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);
  --shadow-ribbon: 0 2px 8px rgba(0, 0, 0, 0.25);

  /* ── Radii ── */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 50%;

  /* ── Spacing ── */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* ── Layout ── */
  --app-max-width: 420px;
  --toolbar-height: 52px;
  --ribbon-height: 52px;
  --icon-size: 40px;
}