/*
Template tokens.

For a new design, change this file first. The large template CSS and YOOtheme
selectors use these variables, so most restyling should not require editing
novekasinoonline.css.
*/
:root {
  /* Fonts */
  --f: "DM Sans", system-ui, sans-serif;
  --fb: "Merriweather", Georgia, serif;
  --fm: "IBM Plex Mono", monospace;

  /* Base colors */
  --bg: #fafaf8;
  --bg-alt: #f3f2ef;
  --bg-card: #fff;
  --tx: #0f172a;
  --txm: #374151;
  --txl: #6b7280;
  --acc: #4338ca;
  --acc-l: #6366f1;
  --acc-d: #3730a3;
  --org: #ea580c;
  --org-l: #fb923c;
  --brd: #e5e5e0;
  --brd-l: #f0efec;

  /* Shape and shadows */
  --r: 12px;
  --rl: 16px;
  --rs: 8px;
  --sh: 0 1px 3px rgba(15,23,42,.06), 0 4px 12px rgba(15,23,42,.04);
  --sh-lg: 0 4px 16px rgba(15,23,42,.08), 0 12px 32px rgba(15,23,42,.06);
  --sh-acc: 0 4px 16px rgba(67,56,202,.15);

  /* Header */
  --site-header-bg: #0f172a;
  --site-header-border: rgba(99,102,241,.18);
  --site-header-shadow: 0 2px 20px rgba(15,23,42,.35);
  --site-header-text: rgba(255,255,255,.56);
  --site-header-text-active: #fff;
  --site-header-hover-bg: rgba(99,102,241,.12);
  --site-header-active-bg: #1e293b;
  --site-header-active-text: #fbbf24;
  --site-logo-image-height: 42px;
  --site-logo-gap: 10px;
  --site-logo-text-size: 16px;
  --site-logo-text-weight: 800;
  --site-logo-word-primary: #fff;
  --site-logo-word-accent: var(--org-l);
  --site-dropdown-bg: #1e293b;
  --site-dropdown-border: rgba(99,102,241,.22);
  --site-dropdown-shadow: 0 12px 40px rgba(0,0,0,.4);
  --site-menu-heading: var(--acc-l);
  --site-menu-heading-rule: rgba(99,102,241,.12);
  --site-menu-link: rgba(255,255,255,.56);
  --site-menu-link-hover: #fff;
  --site-menu-link-hover-bg: rgba(99,102,241,.08);
  --site-menu-radius: var(--rs);

  /* Footer */
  --site-footer-bg: #0f172a;
  --site-footer-border: rgba(99,102,241,.08);
  --site-footer-text: rgba(255,255,255,.42);
  --site-footer-link: rgba(255,255,255,.62);
  --site-footer-link-hover: #fff;
  --site-footer-heading: var(--acc-l);
  --site-footer-card-bg: rgba(255,255,255,.04);
  --site-footer-card-border: rgba(255,255,255,.08);
}