:root,
:root[data-theme="pituco"] {
  color-scheme: dark;
  --color-background: linear-gradient(180deg, #18100d 0%, #0b0d0e 42%, #060707 100%);
  --color-surface: linear-gradient(180deg, rgba(41, 27, 20, 0.96), rgba(18, 18, 18, 0.98));
  --color-heading: #fffaf2;
  --color-text: #fffaf2;
  --color-text-subtle: #f4dfc4;
  --color-muted: #d9c29f;
  --color-accent: #ffc21c;
  --color-accent-soft: rgba(255, 194, 28, 0.14);
  --color-secondary: #ff7043;
  --color-tertiary: #b9e937;
  --color-on-accent: #241500;
  --color-on-secondary: #261008;
  --color-on-tertiary: #102000;
  --color-border: rgba(255, 255, 255, 0.16);
  --color-control: rgba(255, 255, 255, 0.07);
  --color-control-hover: rgba(255, 194, 28, 0.16);
  --color-focus: #fff0a8;
  --shadow-elevated: 0 20px 54px rgba(0, 0, 0, 0.42);
}