:root {
  --bg-main: #f6f0e6;
  --bg-section: #efe3d0;
  --bg-card: #fff8ec;

  --header-bg: rgba(246, 240, 230, 0.88);

  --text-main: #1f2933;
  --text-muted: #6b6257;

  --primary: #2f5d50;
  --primary-hover: #24483e;

  --secondary: #c46a2b;
  --accent: #d6a94a;

  --border-soft: #d8c7ae;
  --code-bg: #1e2a26;

  --shadow-soft: 0 24px 70px rgba(31, 41, 51, 0.08);

  --container: 1120px;

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --transition: 220ms ease;
}

[data-theme="dark"] {
  --bg-main: #111713;
  --bg-section: #17211b;
  --bg-card: #1f2b24;

  --header-bg: rgba(17, 23, 19, 0.88);

  --text-main: #f4ebdd;
  --text-muted: #b8aa98;

  --primary: #8fb9a8;
  --primary-hover: #a6cbbe;

  --secondary: #e08a45;
  --accent: #e2b857;

  --border-soft: #34483d;
  --code-bg: #0b0f0d;

  --shadow-soft: 0 24px 70px rgba(0, 0, 0, 0.25);
}