:root {
  --bg: #f7f3eb;
  --surface: #fffdf9;
  --surface-soft: #fef7eb;
  --line: #e7dcc8;
  --ink: #20312d;
  --muted: #6d726f;
  --brand: #0f766e;
  --brand-soft: #d8f3ef;
  --accent: #b45309;

  --admin-primary: #0f766e;
  --admin-secondary: #1f3a34;
  --admin-header-bg: #1f3a34;
  --admin-header-color: #f8f5ed;
  --admin-body-bg: #f7f3eb;
  --admin-border: #e4dbc9;
  --admin-link: #0f766e;
  --admin-link-hover: #0b5f58;
}

html[data-theme="ocean"] {
  --bg: #eef6fb;
  --surface: #ffffff;
  --surface-soft: #eaf4ff;
  --line: #d2e1ee;
  --ink: #1a2f42;
  --muted: #5f7384;
  --brand: #0f6090;
  --brand-soft: #dbefff;
  --accent: #0e7490;

  --admin-primary: #0f6090;
  --admin-secondary: #1e3a50;
  --admin-header-bg: #1e3a50;
  --admin-header-color: #e9f4ff;
  --admin-body-bg: #eef6fb;
  --admin-border: #d2e1ee;
  --admin-link: #0f6090;
  --admin-link-hover: #0b4e75;
}

html[data-theme="forest"] {
  --bg: #eef3ec;
  --surface: #fcfefc;
  --surface-soft: #f1f7ef;
  --line: #d6e2d2;
  --ink: #233123;
  --muted: #5f6d5f;
  --brand: #2f6f3e;
  --brand-soft: #ddf0df;
  --accent: #9a5c1f;

  --admin-primary: #2f6f3e;
  --admin-secondary: #2d4630;
  --admin-header-bg: #2d4630;
  --admin-header-color: #f0f7ef;
  --admin-body-bg: #eef3ec;
  --admin-border: #d6e2d2;
  --admin-link: #2f6f3e;
  --admin-link-hover: #255a32;
}

html[data-theme="midnight"] {
  --bg: #0f172a;
  --surface: #111b30;
  --surface-soft: #152238;
  --line: #26344d;
  --ink: #e2e8f0;
  --muted: #a6b3c4;
  --brand: #38bdf8;
  --brand-soft: #123044;
  --accent: #f59e0b;

  --admin-primary: #38bdf8;
  --admin-secondary: #0b1324;
  --admin-header-bg: #0b1324;
  --admin-header-color: #dbeafe;
  --admin-body-bg: #0f172a;
  --admin-border: #26344d;
  --admin-link: #38bdf8;
  --admin-link-hover: #7dd3fc;
}