/**
 * cdn/public_html/assets/css/root.css
 */

:root {
  --font-primary: "filson-pro", Arial, sans-serif;
  --font-secondary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Plus Jakarta Sans",
    sans-serif;
  --font-mono: "SF Mono", "Fira Code", monospace;

  --prymary-color: #a8a8a8;
  --text-color: #00cc99;
  --text-color-hover: #04e0a9;
  --input-bg-color: #111;
  --input-text-color: #313131;
  --h2-text-color: #a8a8a8;
  --color-hover: #4facfe;
  --color-h2-colordark: #484848;
  --border-all-color: 1px solid rgba(102, 102, 102, 0.1);
  --border-all-btn: 1px solid rgba(0, 204, 153, 0.5);
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --shadow-box: 0px 51px 34px rgba(0, 0, 0, 0.2);
  --shadow-btn: 0 0 20px 0 rgba(0, 204, 153, 0.5);
  --shadow-box-btn-login: 0 0 20px 0 rgba(17, 61, 191, 0.5);
  --color-attention: #9a6b58;
  --text-title: #fff5eb;
  --premium-gradient: linear-gradient(to top, #ff6271, #fba885);
  --card-like: #e0564a;

  --primary: var(--text-color);
  --success: var(--text-color);
  --success-bg: rgba(0, 204, 153, 0.08);
  --danger: #883e3e;
  --danger-bg: rgba(136, 62, 62, 0.08);
  --warning: #ffc107;
  --info: #2196f3;
  --text-muted: var(--color-h2-colordark);
}

* {
  font-family: var(--font-primary);
  font-weight: 400;
  font-style: normal;
}