:root {
  --ink: #16150f;
  --ink-muted: #33302a;
  --ink-soft: #6d6a62;
  --surface: #f5f4f0;
  --surface-alt: #ede9e1;
  --dark: #141210;
  --dark-footer: #0f0e0c;
  --accent: #a8531f;
  --accent-bright: #c26a2b;
  --gold-bright: #f5cb6c;
  --white: #fff;
  --border: #e4e1d9;
  --container: 1240px;
  --nav-h: calc(84px + env(safe-area-inset-top, 0px));
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 26px;
  --radius-pill: 100px;
  --shadow-nav: 0 6px 24px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 26px 54px rgba(16, 14, 12, 0.18);
  --font-sans: 'Roboto', system-ui, sans-serif;
  --font-display: 'Montserrat', system-ui, sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, monospace;
  --ease-out: cubic-bezier(0.22, 0.68, 0.16, 1);
  --skeleton-light-bg: #ffffff;
  --skeleton-light-border: #e5e7eb;
  --skeleton-light-bar: #e6e9ee;
  --skeleton-light-shine: #ffffff;
  --skeleton-dark-bg: #131210;
  --skeleton-dark-border: rgba(255, 255, 255, 0.08);
  --skeleton-dark-bar: #23211d;
  --skeleton-dark-shine: #36322b;
  --skeleton-speed: 1.6s;
}