:root {
  --color-background: #f8f6f2;
  --color-background-deep: #ece9e4;
  --color-surface: rgba(255, 255, 255, .76);
  --color-surface-strong: rgba(255, 255, 255, .90);
  --color-surface-soft: rgba(245, 242, 237, .72);
  --color-text: #292826;
  --color-muted: #686560;
  --color-border: rgba(88, 84, 78, .16);
  --color-border-subtle: rgba(41, 40, 38, .10);
  --color-accent: #292826;
  --color-accent-hover: #1f1e1c;
  --color-accent-pressed: #151513;
  --color-accent-soft: #5f5c57;
  --color-accent-pale: rgba(41, 40, 38, .08);
  --color-stone: rgba(232, 228, 222, .72);
  --color-danger: #8f4d42;

  --gradient-canvas: linear-gradient(135deg, #fcfbf9 0%, #f5f2ee 52%, #ece9e4 100%);
  --gradient-panel: linear-gradient(145deg, rgba(255,255,255,.90) 0%, rgba(245,242,237,.72) 100%);
  --gradient-header: linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(242,240,236,.72) 100%);
  --gradient-graphite: linear-gradient(135deg, #302f2d 0%, #292826 55%, #22211f 100%);
  --gradient-selected: linear-gradient(135deg, rgba(41,40,38,.12), rgba(41,40,38,.04));
  --gradient-card: linear-gradient(145deg, rgba(255,255,255,.94) 0%, rgba(243,240,235,.78) 100%);

  --glass-background: rgba(255, 255, 255, .74);
  --glass-background-strong: rgba(255, 255, 255, .86);
  --glass-background-soft: rgba(245, 242, 237, .58);
  --glass-border: rgba(88, 84, 78, .16);
  --glass-border-dark: rgba(41, 40, 38, .12);
  --glass-highlight: rgba(255, 255, 255, .88);
  --glass-shadow: 0 18px 46px rgba(41, 40, 38, .08), 0 2px 8px rgba(41, 40, 38, .04);
  --glass-shadow-hover: 0 22px 56px rgba(41, 40, 38, .11), 0 3px 10px rgba(41, 40, 38, .05);
  --glass-inset: inset 0 1px 0 rgba(255, 255, 255, .76);
  --glass-blur: 22px;
  --glass-saturation: 105%;

  --shadow-soft: var(--glass-shadow);
  --shadow-card: 0 12px 32px rgba(41, 40, 38, .07), 0 2px 7px rgba(41, 40, 38, .035);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 30px;
  --radius-xl: 44px;
  --content-max: 1440px;
  --content-standard: 1280px;
  --content-compact: 1120px;
  --gutter: clamp(24px, 4vw, 64px);
  --header-height: 78px;
  --transition: 180ms ease;
}