/* ------------------------------------------------------------------
   PartsBay — design tokens
   Single source of truth for colour, type, spacing and motion.
   Change values here; do not hard-code them in main.css.
------------------------------------------------------------------ */

:root {
  /* Colour ------------------------------------------------------- */
  --c-paper:        #F2F3F2;   /* page background            */
  --c-surface:      #FFFFFF;   /* cards, panels              */
  --c-ink:          #1E1E1D;   /* headings                   */
  --c-ink-soft:     #5B5E5C;   /* body copy, labels          */
  --c-brand:        #2B2B2A;   /* logo charcoal              */
  --c-line:         #DCDEDC;   /* hairlines, card borders    */
  --c-line-strong:  #C3C7C4;
  --c-accent:       #0F5F55;   /* deep teal — used sparingly */
  --c-accent-soft:  #E3EDEA;
  --c-inverse:      #211F1E;   /* footer background          */
  --c-inverse-ink:  #F2F3F2;
  --c-inverse-soft: #9DA19E;

  /* Type --------------------------------------------------------- */
  --f-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-body:    "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --t-hero:    clamp(2.35rem, 1.35rem + 3.6vw, 4.4rem);
  --t-h2:      clamp(1.75rem, 1.2rem + 1.9vw, 2.7rem);
  --t-h3:      clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --t-lead:    clamp(1.05rem, 1rem + 0.35vw, 1.24rem);
  --t-body:    1rem;
  --t-small:   0.875rem;
  --t-label:   0.72rem;

  /* Space -------------------------------------------------------- */
  --s-1: 0.5rem;
  --s-2: 0.875rem;
  --s-3: 1.25rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: 4.5rem;
  --s-7: clamp(4.5rem, 3rem + 6vw, 8.5rem);   /* section rhythm */

  --shell:  1200px;
  --gutter: clamp(1.25rem, 0.6rem + 2.6vw, 3.5rem);

  /* Detail ------------------------------------------------------- */
  --radius:      4px;
  --radius-pill: 999px;
  --border:      1px solid var(--c-line);
  --ease:        cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:         420ms;
}