:root {
  --bg-primary: #002C3C;
  --bg-accent: #FFD353;
  --bg-modal: #fff;

  --text-primary: #FFF;
  --text-black: #152A21;
  --text-accent: #FFD353;

  --link-primary: #fff;

  --border-accent: #FFD353;
  --border-red: #3c0101;
  --border-red-transparent: #B70203;

  --icon-accent: #131F60;

  --button-bg: var(--bg-accent);
  --button-color: var(--text-black);
  --button-shadow: #0E2019;

  --header-gradient: linear-gradient(180deg, #080F16 0%, rgba(8, 15, 22, 0.00) 100%);

  --nav-lang-bg: #rgba(18, 18, 18, .15);
  --nav-lang-mobile-bg: rgba(255, 255, 255, .07);

  --countdown-gradient: linear-gradient(98deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.13) 100%);
  --countdown-border-color: linear-gradient(to left, var(--border-accent), var(--border-accent-transparent)) border-box,
                            radial-gradient(139.87% 111.25% at 11.44% 12.56%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%) border-box;
  --countdown-finished-border-color: linear-gradient(to left, var(--border-red), var(--border-red-transparent)) border-box,
                                     radial-gradient(139.87% 111.25% at 11.44% 12.56%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%) border-box;
  --countdown-timer-value-color: rgba(255, 255, 255, 0.07);
  --countdown-timer-text-color: rgba(255, 255, 255, 0.5);

  --footer-border-color: rgba(255, 255, 255, 0.2);
  --footer-mobile-bg: #181F25;
  --footer-icon-bg: var(--icon-accent);
  --footer-app-link-bg: rgba(255, 255, 255, 0.07);
  --footer-app-link-color: rgba(255, 255, 255, 0.14);
  --footer-app-link-hover-bg: rgba(255, 255, 255, 0.14);

  --main-title-shadow: 2px 4px 4px rgba(0, 0, 0, 0.50);
  --main-description-color: rgba(255, 255, 255, 0.8);
  --main-fund-label-color: rgba(255, 255, 255, 0.8);
  --main-fund-amount-color: var(--text-accent);
  --main-fund-amount-shadow: 2px 2px 0 #08546D;
  --main-mobile-gradient: linear-gradient(to top, #002C3C 0%, rgba(0, 44, 60, 0.00) 100%);

  --steps-title-border-color: rgba(255, 255, 255, 0.28);
  --steps-index-color: var(--text-accent);
  --steps-index-bg: rgba(255, 255, 255, 0.07);
  --steps-text-accent-color: var(--text-accent);
  --steps-gradient: linear-gradient(98deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.13) 100%);
  --steps-border-color: rgba(255, 255, 255, 0.07);
  --steps-mobile-border-color: rgba(255, 255, 255, 0.07);
  --steps-mobile-gradient: var(--steps-gradient);

  --fund-title-border-color: rgba(255, 255, 255, 0.28);
  --fund-item-border-color: linear-gradient(to bottom, var(--border-accent), var(--border-accent-transparent)) border-box,
                            radial-gradient(139.87% 111.25% at 11.44% 12.56%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%) border-box;
  --fund-item-mobile-border-color: linear-gradient(to right, var(--border-accent), var(--border-accent-transparent)) border-box,
                                   radial-gradient(139.87% 111.25% at 11.44% 12.56%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%) border-box;

  --results-gradient: radial-gradient(139.87% 111.25% at 11.44% 12.56%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
  --results-text-color: rgba(255, 255, 255, 0.47);
  --results-table-color: rgba(255, 255, 255, .7);
  --results-table-border-color: linear-gradient(to right, var(--border-accent), var(--border-accent-transparent)) border-box,
                                radial-gradient(139.87% 111.25% at 11.44% 12.56%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%) border-box;
  --results-table-mobile-border-color: linear-gradient(58deg, rgba(255, 211, 83, 0) 20.62%, #FFD353 161.27%) border-box, 
                                       radial-gradient(132.87% 115.25% at 11.44% 32.56%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%) border-box;
  --results-table-head-border-color: linear-gradient(to right, var(--border-accent), var(--border-accent-transparent));
  --results-table-head-mobile-border-color: rgba(255, 255, 255, .14);
  --results-row-border-color: rgba(255, 255, 255, .14);
  --results-row-owner-text-color: var(--text-accent);
  --results-row-owner-background: linear-gradient(90deg, rgba(247, 182, 54, 0.24) 0%, rgba(247, 182, 54, 0.00) 100%);
  --results-pagination-color: var(--text-primary);
  --results-pagination-active-color: rgba(18, 18, 18, 0.92);
  --results-pagination-active-bg: var(--bg-accent);

  --rules-backdrop-color:  rgba(0 , 0, 0, 0.7);
  --rules-bg: var(--bg-modal);
  --rules-color: var(--text-black);
  --rules-table-border-color: #ccc;
  --rules-controls-border-color: #ccc;
}


/* стили для десктопа */
@media (min-width: 768px) {

  :root {
    --border-accent-transparent: rgba(255, 211, 83, 0.01);
  }
}


/* стили для мобилки */
@media (max-width: 767.98px) {
  
  :root {
    --border-accent-transparent: rgba(255, 211, 83, 0.1);
  }
}