:root {
  --color-bg: #111317;
  --color-bg-end: #16191f;
  --color-panel-top: #2a2d34;
  --color-panel-bottom: #252830;
  --color-frame-border: #020202;
  --color-border-soft: rgba(255, 255, 255, 0.08);
  --color-text-primary: #f2f4f7;
  --color-text-secondary: #a5aab2;
  --color-text-muted: #b8bcc3;
  --color-accent: #6eb2ff;
  --color-content-surface:
    radial-gradient(circle at 15% 15%, rgba(255, 255, 255, 0.03), transparent 30%),
    radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.02), transparent 35%),
    linear-gradient(180deg, #1a1d22 0%, #1a1c21 100%);
  --shadow-frame: 0 26px 55px rgba(0, 0, 0, 0.45);

  --frame-width: 700px;
  --frame-height: 390px;
  --chrome-top: 56px;
  --chrome-bottom: 40px;

  --radius-frame: 6px;
  --transition-fast: 160ms ease;
  --transition-medium: 180ms ease;
}