:root {
  --app-bg: #08090b;
  --surface-1: #0f1115;
  --surface-2: #16191f;
  --surface-3: #1b1f26;
  --surface-soft: rgba(255, 255, 255, 0.06);

  --text-primary: #ffffff;
  --text-secondary: #a7a7a7;
  --text-muted: #6f7177;

  --accent: #a14642;
  --accent-deep: #7b3834;
  --accent-line: #833b37;
  --accent-soft: #d9715e;
  --accent-border: #85312f;

  --glass-bg: rgba(0, 0, 0, 0.45);
  --glass-border: rgba(148, 163, 184, 0.35);
  --glass-blur: 10px;

  --shadow-1: 0 10px 28px rgba(0, 0, 0, 0.32);
  --shadow-2: 0 8px 16px rgba(0, 0, 0, 0.28);

  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --container-max: 480px;
  --page-side: 16px;
  --nav-height: 54px;

  --motion-base: 260ms;
  --motion-slow: 380ms;
  --ease-default: ease-in-out;

  --font-ui: "Roboto Flex", Inter, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}