:root {
  /* === Backgrounds === */
  --bg-primary: #0e0c0a;
  --bg-secondary: #161311;
  --bg-card: #1f1a17;
  --bg-card-hover: #181311;
  --bg-input: #0c0a09;

  /* === Text === */
  --text-primary: #f5f5f4;
  --text-secondary: #a8a29e;
  --text-muted: #78716c;

  /* === Accent (Premium Brown) === */
  --accent: #8b5e34;            /* основной коричневый */
  --accent-hover: #a47148;      /* светлее (hover) */
  --accent-active: #6f4a2b;     /* темнее (active) */
  --accent-glow: rgba(139, 94, 52, 0.25);

  /* === States === */
  --success: #3f7d5d;           /* приглушённый зелёный */
  --warning: #b7791f;
  --error: #c2410c;
  --error-bg: rgba(194, 65, 12, 0.08);

  /* === Borders === */
  --border: #2a2421;
  --border-soft: #1c1917;
  --border-focus: #a47148;

  /* === Radius === */
  --radius: 12px;
  --radius-sm: 8px;

  /* === Shadows === */
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  --shadow-md: 0 8px 16px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.7);

  /* === Motion === */
  --transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}


header .logo {
    color: #9d6c42;
}