:root {
  color-scheme: dark;
  --theme-name: "pro";
  --layout-sidebar-width: 260px;
  --layout-sidebar-padding: 20px;
  --layout-content-padding: 32px;
  --layout-content-gap: 32px;
  --layout-rail-width: 340px;
  --color-body: #050505;
  --color-body-soft: #040404;
  --color-surface: rgba(16, 16, 16, 0.72);
  --color-surface-alt: rgba(8, 8, 8, 0.7);
  --color-surface-muted: rgba(0, 0, 0, 0.32);
  --color-surface-overlay: #161616;
  --color-surface-overlay-strong: #1c1c1c;
  --color-surface-ghost: rgba(255, 255, 255, 0.03);
  --color-surface-ghost-strong: rgba(255, 255, 255, 0.06);
  --color-text-primary: #f5ebdd;
  --color-text-muted: rgba(245, 235, 221, 0.75);
  --color-text-subtle: rgba(245, 235, 221, 0.65);
  --color-text-invert: #050505;
  --accent: #f5b86c;
  --accent-rgb: 245, 184, 108;
  --accent-contrast: #050505;
  --accent-contrast-muted: rgba(5, 5, 5, 0.65);
  --border-strong: rgba(245, 184, 108, 0.24);
  --border-medium: rgba(245, 184, 108, 0.22);
  --border-base: rgba(245, 184, 108, 0.2);
  --border-faint: rgba(245, 184, 108, 0.12);
  --border-light: rgba(245, 184, 108, 0.16);
  --border-soft: rgba(245, 184, 108, 0.1);
  --border-outline: rgba(245, 184, 108, 0.28);
  --chip-bg: rgba(255, 255, 255, 0.06);
  --tag-border: rgba(245, 184, 108, 0.35);
  --tag-bg: rgba(245, 184, 108, 0.12);
  --input-bg: #0f0f0f;
  --input-border: rgba(245, 184, 108, 0.28);
  --avatar-border: rgba(245, 235, 221, 0.2);
  --avatar-bg: #111111;
  --progress-track: rgba(5, 5, 5, 0.6);
  --progress-fill: linear-gradient(90deg, #f5b86c, #f5ebdd);
  --banner-gradient: linear-gradient(135deg, rgba(245, 184, 108, 0.18), rgba(245, 184, 108, 0.05));
  --badge-bg: #f5b86c;
  --badge-text: #000;
  --bubble-bg: rgba(0, 0, 0, 0.45);
  --bubble-border: rgba(245, 184, 108, 0.18);
  --shadow-elevated: 0 22px 44px rgba(0, 0, 0, 0.45);
  --shadow-floating: 0 28px 80px -40px rgba(0, 0, 0, 0.8);
  --shadow-text-strong: rgba(0, 0, 0, 0.55);
}

html[data-theme="cozy"] {
  color-scheme: light;
  --theme-name: "cozy";
  --color-body: #f7f3ed;
  --color-body-soft: #efe9df;
  --color-surface: rgba(255, 255, 255, 0.94);
  --color-surface-alt: rgba(255, 255, 255, 0.92);
  --color-surface-muted: rgba(176, 128, 72, 0.1);
  --color-surface-overlay: #ffffff;
  --color-surface-overlay-strong: #fef6ed;
  --color-surface-ghost: rgba(176, 128, 72, 0.08);
  --color-surface-ghost-strong: rgba(176, 128, 72, 0.12);
  --color-text-primary: #3c2a18;
  --color-text-muted: rgba(60, 42, 24, 0.72);
  --color-text-subtle: rgba(60, 42, 24, 0.6);
  --color-text-invert: #ffffff;
  --accent: #b0722c;
  --accent-rgb: 176, 114, 44;
  --accent-contrast: #ffffff;
  --accent-contrast-muted: rgba(255, 255, 255, 0.8);
  --border-strong: rgba(176, 114, 44, 0.28);
  --border-medium: rgba(176, 114, 44, 0.22);
  --border-base: rgba(176, 114, 44, 0.2);
  --border-faint: rgba(176, 114, 44, 0.1);
  --border-light: rgba(176, 114, 44, 0.14);
  --border-soft: rgba(176, 114, 44, 0.08);
  --border-outline: rgba(176, 114, 44, 0.3);
  --chip-bg: rgba(176, 114, 44, 0.18);
  --tag-border: rgba(176, 114, 44, 0.35);
  --tag-bg: rgba(176, 114, 44, 0.2);
  --input-bg: #ffffff;
  --input-border: rgba(176, 114, 44, 0.28);
  --avatar-border: rgba(176, 114, 44, 0.25);
  --avatar-bg: #f5e9dc;
  --progress-track: rgba(255, 255, 255, 0.8);
  --progress-fill: linear-gradient(90deg, #b0722c, #e0ac6b);
  --banner-gradient: linear-gradient(135deg, rgba(176, 114, 44, 0.22), rgba(176, 114, 44, 0.08));
  --badge-bg: #b0722c;
  --badge-text: #ffffff;
  --bubble-bg: rgba(255, 255, 255, 0.9);
  --bubble-border: rgba(176, 114, 44, 0.2);
  --shadow-elevated: 0 18px 48px -20px rgba(38, 21, 10, 0.25);
  --shadow-floating: 0 32px 80px -40px rgba(38, 21, 10, 0.28);
  --shadow-text-strong: rgba(255, 255, 255, 0.5);
}

html[data-theme="cozy"] body {
  background-image: none;
}