/* Pixel Motors design tokens. Load before base.css. */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Jersey+20&family=Jersey+25&family=Manrope:wght@400;500;600;700&display=swap");

:root {
    /* Backgrounds and surfaces */
    --pm-bg: #050a14;
    --pm-bg-deep: #030711;
    --pm-surface: #090d15;
    --pm-surface-raised: #0d1421;
    /* Text colors */
    --pm-text: #ffffff;
    --pm-text-muted: #9f9eb1;
    --pm-text-dim: #676b79;
    /* Accent colors */
    --pm-cyan: #2ecbff;
    --pm-cyan-dark: #08799f;
    --pm-gold: #ffce2e;
    --pm-gold-dark: #995a1b;
    /* Borders */
    --pm-border: rgba(46, 203, 255, 0.72);
    --pm-border-soft: rgba(255, 255, 255, 0.12);
    /* Font families */
    --pm-font-display: "Jersey 20", Impact, sans-serif;
    --pm-font-ui: "Jersey 25", "Barlow Condensed", sans-serif;
    --pm-font-body: "Manrope", Arial, sans-serif;
    /* Font sizes */
    --pm-fs-display-hero: clamp(54px, 7.5vw, 108px);
    --pm-fs-display-head: clamp(54px, 7.5vw, 80px);

    --pm-fs-display-section: clamp(50px, 5.56vw, 80px);
    --pm-fs-display-small: clamp(34px, 3.5vw, 52px);
    --pm-fs-lead: clamp(16px, 1.3vw, 19px);
    --pm-fs-body-main: clamp(14px, 1.2vw, 18px);

    --pm-fs-body: 16px;
    --pm-fs-button: 17px;
    --pm-fs-eyebrow: clamp(14px, 1.2vw, 16px);
    --pm-fs-nav: 15px;
    --pm-fs-small: 14px;
    --pm-fs-caption: 12px;
    /* Font weights */
    --pm-fw-regular: 400;
    --pm-fw-medium: 500;
    --pm-fw-semibold: 600;
    --pm-fw-bold: 700;
    /* Line heights */
    --pm-lh-display: 0.85;
    --pm-lh-heading: 1;
    --pm-lh-body: 1.55;
    --pm-lh-lead: 1.5;
    /* Letter spacing */
    --pm-ls-display: 0.01em;
    --pm-ls-ui: 0.04em;
    --pm-ls-button: 0.035em;
    /* Layout dimensions and spacing */
    --pm-container: 1288px;
    --pm-container-narrow: 1120px;
    --pm-gutter: clamp(20px, 4vw, 64px);
    --pm-section-space: clamp(88px, 10vw, 170px);
    /* Corners and animation */
    --pm-radius-sm: 4px;
    --pm-radius-md: 8px;
    --pm-transition: 220ms ease;

    /* Divi layout defaults */
    --content-width: 90%;
    --content-max-width: 1488px;
    --section-padding: 0px;
    --section-gutter: 0px;
    --row-gutter-horizontal: 0%;
    --row-gutter-vertical: 0px;
    --module-gutter: 0px;
}