/*
 * Tommy's Auto Sales visual skin V1.
 * Scope: sribniy.icu child theme only.
 * Source reference: original Tommy's Auto Sales static mockup.
 */
:root {
  --ss-bg: #050505;
  --ss-bg-2: #070707;
  --ss-bg-3: #0d0d0d;
  --ss-panel: #101010;
  --ss-panel-2: #151515;
  --ss-text: #ffffff;
  --ss-text-soft: #dddddd;
  --ss-text-muted: #bbbbbb;
  --ss-red: #ff0000;
  --ss-red-dark: #970000;
  --ss-red-deep: #540a1d;
  --ss-border-red: rgba(255, 0, 0, .26);
  --ss-shadow-red: 0 0 26px rgba(255, 0, 0, .24);
  --ss-shadow-red-soft: 0 0 18px rgba(255, 0, 0, .16);
  --ss-radius-sm: 10px;
  --ss-radius-md: 16px;
  --ss-radius-lg: 24px;
  --ss-font-display: "Bebas Neue", "Montserrat", Arial, sans-serif;
  --ss-font-body: "Montserrat", Arial, sans-serif;

  --primary: var(--ss-red);
  --primary-dark: var(--ss-red-dark);
  --accent: var(--ss-red);
  --accent-dark: var(--ss-red-dark);
  --dark: var(--ss-bg);
  --dark-2: var(--ss-bg-2);
  --surface: var(--ss-panel);
  --surface-2: var(--ss-panel-2);
  --text: var(--ss-text);
  --text-muted: var(--ss-text-muted);
  --border: var(--ss-border-red);
}