@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

:root {
  --font-main: 'PT Sans', 'Trebuchet MS', Verdana, sans-serif;
  --font-mono: 'Courier New', Consolas, monospace;

  --bg-page: #e2e2e2;
  --bg-card: #ffffff;
  --bg-subtle: #f5f5f5;
  --bg-soft: #efefef;
  --bg-hover: #f7f7f4;
  --bg-header-1: #3d3d3d;
  --bg-header-2: #1e1e1e;
  --bg-nav: #2a2a2a;
  --bg-pager: #efefef;
  --bg-pinned: #fdf8ed;

  --text-main: #2b2b2b;
  --text-strong: #222222;
  --text-muted: #888888;
  --text-soft: #aaaaaa;
  --text-inverse: #ffffff;

  --line-main: #d1d1d1;
  --line-soft: #ececec;
  --line-subtle: #efefef;

  --brand: #84cc16;
  --brand-strong: #65a30d;
  --link: #4a7fc1;
  --danger: #e05a3a;

  --shadow-1: 0 2px 12px rgba(0, 0, 0, 0.08);
  --radius-sm: 4px;
  --radius-md: 6px;
}

[data-theme='dark'] {
  --bg-page: #17181b;
  --bg-card: #202329;
  --bg-subtle: #252932;
  --bg-soft: #2b3039;
  --bg-hover: #2d3340;
  --bg-header-1: #1f242c;
  --bg-header-2: #11151b;
  --bg-nav: #141922;
  --bg-pager: #2a2f39;
  --bg-pinned: #373323;

  --text-main: #d6d9df;
  --text-strong: #f2f5f8;
  --text-muted: #9ea7b5;
  --text-soft: #8792a3;
  --text-inverse: #ffffff;

  --line-main: #3a4150;
  --line-soft: #323846;
  --line-subtle: #38404d;

  --brand: #86d729;
  --brand-strong: #5fb012;
  --link: #86b8ff;
  --danger: #ff8b70;

  --shadow-1: 0 2px 14px rgba(0, 0, 0, 0.35);
}