/* T3DPG design tokens — single source of truth.
   Linked from every public page before each page's inline <style>,
   so pages can still override locally if a one-off is needed.
   New CSS should reach for these vars instead of hardcoding values. */
:root {
  /* Brand + semantic colors */
  --cyan: #64c8ff;
  --blue: #0a84ff;
  --purple: #bf5af2;
  --green: #30d158;
  --orange: #ff9f0a;
  --red: #ff3b30;
  --price-color: #00f5ff;

  /* Surfaces */
  --dark: #0a0f1a;
  --panel: #0f1b2d;
  --panel2: #162336;

  /* Text */
  --text: #d4e8f5;
  --text-dim: #6987a3;

  /* Borders */
  --border: rgba(100,200,255,0.15);
  --border-hot: rgba(100,200,255,0.5);

  /* Glows */
  --glow: 0 0 20px rgba(100,200,255,0.25);
  --glow-hot: 0 0 40px rgba(100,200,255,0.5);

  /* Spacing scale (4px-ish base, in rem) */
  --s-1: .25rem;
  --s-2: .5rem;
  --s-3: .75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 2.5rem;
  --s-8: 3rem;

  /* Radius scale */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;

  /* Type scale */
  --fs-xs: .7rem;
  --fs-sm: .85rem;
  --fs-base: 15px;
  --fs-md: 1rem;
  --fs-lg: 1.1rem;
  --fs-xl: 1.5rem;
  --fs-2xl: clamp(1.8rem, 4vw, 3rem);

  /* Component tokens */
  --btn-pad-y: .85rem;
  --btn-pad-x: 1.8rem;
  --btn-radius: var(--r-sm);
  --btn-fs: .72rem;
  --card-radius: var(--r-md);
  --card-pad: 1.4rem;

  /* Motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur-fast: .15s;
  --dur-base: .3s;
}

/* Footer copyright line — pushed to its own row beneath the logo + links.
   Site footers across all pages use flex-wrap:wrap; this rule reorders the
   .footer-copy element to the end and lets it take the full row width.
   Lives here so we don't repeat the rule in every page's inline <style>. */
footer .footer-copy { order:99; flex-basis:100%; text-align:center; padding-top:.15rem; }