:root {
  /* ── Base ── */
  --body_bg: #0e0e0e;
  --preloader_bg: rgba(0, 0, 0, 0.75);
  --scrollbar_thumb_color: #2a2a2a;
  --block_bg: #161616;
  --block_color: #fff;
  --scrollbar_block_color: #2a2a2a;

  /* ── Accent (warm amber) ── */
  --accent: #ffb01f;
  --accent-dark: #cc8400;
  --accent-glow: rgba(255, 176, 31, 0.15);
  --main_color: #ffb01f;
  --main_gradient: linear-gradient(135deg, #ff8a00, #ffc01f);
  --main_shadow: rgba(255, 176, 31, 0.25);
  --link_color: #ffb01f;

  /* ── Text ── */
  --text_color: #f0f0f0;
  --text_muted: #888;
  --h1_color: #ffffff;
  --h2_color: #ffffff;
  --h3_color: #ffffff;
  --hide_color: #555;

  /* ── Inputs ── */
  --input_bg: #1a1a1a;
  --input_color: #fff;

  /* ── Buttons ── */
  --btn_auth_bg: linear-gradient(135deg, #ffb01f, #cc8400);
  --btn_reg_bg: linear-gradient(135deg, #ffffff 0%, #e0e0e0 100%);
  --btn_reg_color: #0e0e0e;

  --lang_color: #ffffff;

  /* ── Header / Menu ── */
  --menu_bg: #141414;
  --menu_mobile_bg: #111111;
  --menu_color: #fff;

  /* ── Controls ── */
  --checkbox_on_bg: #ffb01f;
  --checkbox_of_bg: #333;

  --mobile_balance_bg: #1a1a1a;
  --mobile_bonus_bg: #1a1a1a;

  --error_data_bg: #1c1c1c;
  --error_data_color: #ff6b6b;

  /* ── Footer ── */
  --footer_bg: #0a0a0a;
  --footer_link_color: #bbb;
  --footer_seporator_bg: linear-gradient(
    90deg,
    rgba(255, 176, 31, 0.25) 0%,
    transparent 100%
  );
  --side_seporator_bg: linear-gradient(
    90deg,
    rgba(255, 176, 31, 0.2) 0%,
    transparent 100%
  );
  --company_color: #888;
  --copyright_color: #555;

  /* ── History ── */
  --history_tr_bg: #161616;
  --history_tr_bg_2: #1a1a1a;
  --history_tr_cause_bg: rgba(255, 176, 31, 0.08);
  --history_tr_color: #e0e0e0;
  --history_tr_fill: #888;

  /* ── Statuses ── */
  --status_0_bg: rgba(255, 73, 73, 0.15);
  --status_0_color: #ff6b6b;
  --status_1_bg: rgba(49, 188, 105, 0.15);
  --status_1_color: #31bc69;
  --status_2_bg: rgba(255, 176, 31, 0.12);
  --status_2_color: #ffb01f;

  /* ── Layout ── */
  --main_width: 1800px;
  --main_radius: 12px;
  --radius_modal: 16px;
  --radius_input: 10px;
  --logo_width: auto;
  --logo_height: 52px;
  --logo_mobile_width: auto;
  --logo_mobile_height: 44px;

  /* ── Casino menu ── */
  --casino_menu_first: linear-gradient(250deg, #1a1a1a, rgba(255, 176, 31, 0.1) 84%, #1e1a0a);
  --casino_menu_second: linear-gradient(250deg, #1a1a1a, rgba(255, 176, 31, 0.06) 84%, #181810);
  --casino_menu_border: 1px solid rgba(255, 255, 255, 0.06);
  --casino_menu_color: #e0e0e0;
  --casino_menu_hover: rgba(255, 176, 31, 0.06);
  --casino_menu_active: linear-gradient(260deg, #ffb01f, #cc8400);
  --casino_error_bg: #161616;
  --casino_error_color: #ff6b6b;
  --casino_head_color: #fff;
  --casino_game_bg: #161616;
  --casino_game_radius: 12px;
  --casino_play_bg: linear-gradient(135deg, #ffb01f, #cc8400);
  --casino_play_color: #000;
  --casino_play_hover: rgba(0, 0, 0, 0.55);
  --casino_interface_color: #ffb01f;

  /* ── Jackpot ── */
  --jackpot_border: 2px solid #ffb01f;
  --jackpot_radius: 14px;
  --jackpot_bg: rgba(0, 0, 0, 0.5);
  --jackpot_shadow: inset 0 0 30px rgba(0, 0, 0, 0.6);
  --jackpot_color: #fff;
  --jackpot_color_2: #ffb01f;

  /* ── Slider ── */
  --slider_bg: #141414;
  --slider_nav_color: #ffb01f;

  /* ── Sidebar ── */
  --sidebar_bg: rgba(14, 14, 14, 0.97);

  /* ── Home sections ── */
  --home_bonus_width: 265px;
  --home_bonus_padding: 20px;
  --home_bonus_bg: #ffb01f;

  --block_line_bg: #ffb01f;
  --block_line_radius: 5px;

  --home_line_bg: #141414;
  --home_line_color: #fff;

  --home_casino_bg: #141414;
  --home_casino_color: #fff;

  /* ── Dash / Coupon ── */
  --dash_coupon: linear-gradient(135deg, #ffb01f, #cc8400);
  --dash_coupon_shadow: rgba(255, 176, 31, 0.3);
  --dash_coupon_count: #ff3b3b;
  --dash_coupon_count_color: #fff;
}