/*
 * Арт проекты Ольги Звягинцевой — Цветовая система
 * Стиль: тёмный люкс, минимализм
 * v3.0
 */

:root {
  /* === Основа === */
  --bg:             #0A0A0A;
  --bg-2:           #111111;
  --bg-3:           #161616;
  --surface:        #1A1A1A;
  --surface-hover:  #222222;

  /* === Золото (акцент) === */
  --gold:           #d8c999;
  --gold-dim:       #b8a97a;
  --gold-bright:    #e8dbb0;
  --gold-10:        rgba(216, 201, 153, 0.10);
  --gold-15:        rgba(216, 201, 153, 0.15);
  --gold-5:         rgba(216, 201, 153, 0.05);

  /* === Текст === */
  --text:           #F0EDE6;
  --text-soft:      #C4C4C4;
  --text-muted:     #7A7A7A;
  --text-dark:      #0A0A0A;

  /* === Границы === */
  --line:           rgba(255, 255, 255, 0.06);
  --line-hover:     rgba(255, 255, 255, 0.12);

  /* === Градиенты === */
  --gradient-gold:  linear-gradient(135deg, #d8c999 0%, #b8a97a 100%);
  --gradient-dark:  linear-gradient(180deg, #0A0A0A 0%, #111111 100%);
  --gradient-card:  linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 100%);

  /* === Тени и эффекты === */
  --shadow-sm:      0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md:      0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-lg:      0 12px 40px rgba(0, 0, 0, 0.6);
  --shadow-xl:      0 24px 60px rgba(0, 0, 0, 0.7);
  --glow-gold:      0 0 60px rgba(216, 201, 153, 0.08);

  /* === Blur === */
  --blur-sm:        blur(10px);
  --blur-md:        blur(23px);

  /* === Радиусы === */
  --radius:         10px;
  --radius-sm:      6px;

  /* === Focus === */
  --focus-ring:     var(--gold-dim);
}

*:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}