/* Design tokens — measured from the Renax light reference.
   Naming follows the same convention as shybyshyna.css (--sbs-*) and akke.css (--akke-*). */

:root {
  /* Color */
  --rnx-ink: #1b1b1b;
  --rnx-ink-soft: #333;
  --rnx-body: #555;
  --rnx-muted: #888;
  --rnx-accent: #f5b754;
  --rnx-accent-deep: #e0a13c;
  /* The accent, dark enough to be read as small text on a light ground.
     --rnx-accent-deep is a fill colour, not a text colour: at 11px on the
     amber wash behind the saving pill it measures 1.9:1, which is not
     legible. This is 4.8:1 there and 5.4:1 on white. */
  --rnx-accent-ink: #8a5d0c;
  --rnx-white: #fff;
  --rnx-bg-soft: #f2f2f2;
  --rnx-bg-dark: #1b1b1b;
  --rnx-rule: #e8e8e8;
  --rnx-rule-dark: rgba(255, 255, 255, 0.12);
  --rnx-overlay: rgba(0, 0, 0, 0.45);

  /* Type — all values measured off the reference at a 1920px viewport. */
  --rnx-font: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rnx-size-body: 14px;
  --rnx-lh-body: 1.95;
  --rnx-weight-body: 300;
  --rnx-size-hero: 90px;
  --rnx-lh-hero: 1;
  --rnx-size-title: 35px;
  --rnx-lh-title: 1.25;
  --rnx-size-card-title: 21px;
  --rnx-lh-card-title: 1.5;
  --rnx-weight-card-title: 700;
  --rnx-size-eyebrow: 10px;
  --rnx-tracking-eyebrow: 6px;
  --rnx-tracking-ui: 0.02em;

  /* Layout */
  --rnx-container: 1200px;
  /* Fleet carousel slide, 800px in the reference. */
  --rnx-slide-w: min(800px, 88vw);
  --rnx-gutter: 12px;
  --rnx-section-y: 120px;
  --rnx-section-y-tight: 80px;
  --rnx-header-h: 90px;

  /* Shape + motion */
  --rnx-radius: 30px;
  --rnx-radius-sm: 8px;
  /* The theme's signature card shape: three rounded corners, square at the
     bottom-left where the notched corner button sits. */
  --rnx-radius-card: 20px 20px 20px 0;
  --rnx-radius-card-all: 20px;
  --rnx-corner-size: 100px;
  --rnx-corner-btn: 70px;
  --rnx-ease: cubic-bezier(0.25, 1, 0.5, 1);
  --rnx-dur: 0.35s;
  --rnx-dur-slow: 0.6s;
  --rnx-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}