:root {
  --font-ui: "Segoe UI", "Nunito", sans-serif;
  --font-mono: "Cascadia Mono", "Consolas", "Fira Code", monospace;

  --bg: #f5f0eb;
  --bg-card: #ffffff;
  --bg-inner: #f9f6f2;
  --bg-input: #f0ebe5;
  --border: #d9cfc4;
  --border-light: #e8e0d6;
  --accent: #6b8fa3;
  --accent-hover: #5a7f93;
  --pink: #d4908a;
  --pink-light: #f0d0cc;
  --gray: #7a7370;
  --gray-dark: #4a4542;
  --gray-light: #a69e98;
  --text: #3d3835;
  --text-light: #8a8280;
  --danger: #c97070;
  --shadow: 0 2px 12px rgba(107, 95, 85, 0.08);
  --shadow-lift: 0 4px 20px rgba(107, 95, 85, 0.12);
  --hero-orbit: rgba(107, 143, 163, 0.14);
  --hero-blush: rgba(212, 144, 138, 0.2);
  --panel-tape: rgba(255, 255, 255, 0.92);
  --panel-tape-border: rgba(212, 144, 138, 0.26);

  --app-background:
    radial-gradient(circle at top, rgba(212, 144, 138, 0.14), transparent 32%),
    linear-gradient(180deg, #fbf7f2 0%, var(--bg) 32%, #efe6dc 100%);
}