/* File: base.css | Generated: 2026-06-01 13:56 UTC+03:30 */
/* base.css — part of Live GP styles (split from styles.css) */

  :root {
    /* ── Constant colors (same in every theme) ──
       The dark/light neutral palette (--bg*, --row*, --line*, --ink*)
       lives in theme-dark.css / theme-light.css instead. */
    --brand:        #ff1e1e;   /* Live GP red */
    --brand-deep:   #c91212;
    --brand-glow:   rgba(255, 30, 30, 0.18);

    --purple:       #d864ff;   /* fastest overall */
    --green:        #2ee68a;   /* personal best / improving */
    --yellow:       #ffd60a;   /* yellow sector */
    --amber:        #ffb020;   /* safety car amber */
    --red-soft:     #ff3344;   /* soft tyre */
    --white-hard:   #f1f2f5;   /* hard tyre */
    --inter-green:  #36d399;   /* inter tyre */

    /* team colors */
    --t-mercedes:   #27f4d2;
    --t-redbull:    #3671c6;
    --t-ferrari:    #e80020;
    --t-mclaren:    #ff8000;
    --t-alpine:     #00a1e8;
    --t-rb:         #6692ff;
    --t-haas:       #b6babd;
    --t-williams:   #00a0de;
    --t-audi:       #52e252;
    --t-aston:      #229971;
    --t-cadillac:   #c9a96e;

    --rt-data-header-font-size: 10px;
    --rt-data-cell-font-size: 13px;
    --rt-data-cell-padding-y: 11px;
    --rt-data-cell-padding-x: 12px;
    --rt-data-position-font-size: 14px;
    --rt-data-chip-font-size: 13px;
    --rt-data-chip-small-font-size: 11.5px;
    --rt-data-chip-height: 26px;
    --rt-data-pill-height: 26px;
    --rt-data-pill-font-size: 12px;
    --rt-data-status-height: 24px;
    --rt-data-status-font-size: 10.5px;
    --rt-data-sector-min-width: 70px;
    --rt-data-tyre-size: 28px;
    --rt-data-mini-bar-width: 8px;
    --rt-data-mini-bar-height: 14px;
    --rt-data-track-title-font-size: 11px;
    --rt-data-track-body-font-size: 12.5px;
    --rt-data-track-primary-font-size: 13px;
    --rt-data-track-secondary-font-size: 10.5px;
    --rt-data-track-label-font-size: 9.5px;
    --rt-data-track-large-font-size: 18px;
    --rt-data-track-medium-font-size: 14px;
    --rt-data-track-row-padding-y: 12px;
    --rt-data-track-row-padding-x: 14px;
    --rt-data-track-control-font-size: 11px;
    --rt-data-track-chip-font-size: 10px;
    --rt-data-track-bar-height: 8px;
  }

  :root[data-display-size="xs"] {
    --rt-data-header-font-size: 9px;
    --rt-data-cell-font-size: 11.5px;
    --rt-data-cell-padding-y: 8px;
    --rt-data-cell-padding-x: 10px;
    --rt-data-position-font-size: 12.5px;
    --rt-data-chip-font-size: 11.5px;
    --rt-data-chip-small-font-size: 10.5px;
    --rt-data-chip-height: 23px;
    --rt-data-pill-height: 24px;
    --rt-data-pill-font-size: 11px;
    --rt-data-status-height: 22px;
    --rt-data-status-font-size: 9.5px;
    --rt-data-sector-min-width: 60px;
    --rt-data-tyre-size: 24px;
    --rt-data-mini-bar-width: 7px;
    --rt-data-mini-bar-height: 12px;
    --rt-data-track-title-font-size: 10px;
    --rt-data-track-body-font-size: 11.5px;
    --rt-data-track-primary-font-size: 12px;
    --rt-data-track-secondary-font-size: 9.5px;
    --rt-data-track-label-font-size: 8.5px;
    --rt-data-track-large-font-size: 16px;
    --rt-data-track-medium-font-size: 12.5px;
    --rt-data-track-row-padding-y: 10px;
    --rt-data-track-row-padding-x: 12px;
    --rt-data-track-control-font-size: 10px;
    --rt-data-track-chip-font-size: 9px;
    --rt-data-track-bar-height: 7px;
  }

  :root[data-display-size="sm"] {
    --rt-data-header-font-size: 9.5px;
    --rt-data-cell-font-size: 12.5px;
    --rt-data-cell-padding-y: 10px;
    --rt-data-cell-padding-x: 11px;
    --rt-data-position-font-size: 13.5px;
    --rt-data-chip-font-size: 12.5px;
    --rt-data-chip-small-font-size: 11px;
    --rt-data-chip-height: 25px;
    --rt-data-pill-height: 25px;
    --rt-data-pill-font-size: 11.5px;
    --rt-data-status-height: 23px;
    --rt-data-status-font-size: 10px;
    --rt-data-sector-min-width: 66px;
    --rt-data-tyre-size: 26px;
    --rt-data-mini-bar-width: 8px;
    --rt-data-mini-bar-height: 13px;
    --rt-data-track-title-font-size: 10.5px;
    --rt-data-track-body-font-size: 12px;
    --rt-data-track-primary-font-size: 12.5px;
    --rt-data-track-secondary-font-size: 10px;
    --rt-data-track-label-font-size: 9px;
    --rt-data-track-large-font-size: 17px;
    --rt-data-track-medium-font-size: 13.5px;
    --rt-data-track-row-padding-y: 11px;
    --rt-data-track-row-padding-x: 13px;
    --rt-data-track-control-font-size: 10.5px;
    --rt-data-track-chip-font-size: 9.5px;
    --rt-data-track-bar-height: 7px;
  }

  :root[data-display-size="lg"] {
    --rt-data-header-font-size: 10.5px;
    --rt-data-cell-font-size: 14px;
    --rt-data-cell-padding-y: 12px;
    --rt-data-cell-padding-x: 13px;
    --rt-data-position-font-size: 15px;
    --rt-data-chip-font-size: 14px;
    --rt-data-chip-small-font-size: 12.5px;
    --rt-data-chip-height: 28px;
    --rt-data-pill-height: 28px;
    --rt-data-pill-font-size: 13px;
    --rt-data-status-height: 26px;
    --rt-data-status-font-size: 11.5px;
    --rt-data-sector-min-width: 76px;
    --rt-data-tyre-size: 30px;
    --rt-data-mini-bar-width: 9px;
    --rt-data-mini-bar-height: 15px;
    --rt-data-track-title-font-size: 11.5px;
    --rt-data-track-body-font-size: 13.5px;
    --rt-data-track-primary-font-size: 14px;
    --rt-data-track-secondary-font-size: 11px;
    --rt-data-track-label-font-size: 10px;
    --rt-data-track-large-font-size: 20px;
    --rt-data-track-medium-font-size: 15px;
    --rt-data-track-row-padding-y: 13px;
    --rt-data-track-row-padding-x: 15px;
    --rt-data-track-control-font-size: 12px;
    --rt-data-track-chip-font-size: 10.5px;
    --rt-data-track-bar-height: 9px;
  }

  * { box-sizing: border-box; }
  html, body {
    margin: 0; padding: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: 'Inter', system-ui, sans-serif;
    font-feature-settings: "cv11", "ss01";
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
  }
  .mono { font-family: 'JetBrains Mono', ui-monospace, monospace; font-variant-numeric: tabular-nums; }
/* File: base.css | Generated: 2026-06-01 13:56 UTC+03:30 */