/* Design Tokens — Stirling Kitchens Ltd */
:root {
  /* Brand colours — sampled from the SKM logo files */
  --clr-green:       #6ed533;  /* bright lime green: primary accent, CTAs */
  --clr-green-dark:  #53a527;  /* darker green: hover states */
  --clr-green-tint:  #f0faeb;  /* very light green: tinted backgrounds */
  --clr-navy:        #0d1c2e;  /* very dark navy: header, dark sections */
  --clr-navy-light:  #162a42;  /* slightly lighter navy: dark cards */

  /* Neutrals */
  --clr-dark:        #1c1c1c;  /* near-black: body text */
  --clr-mid:         #4a5568;  /* mid grey: secondary text */
  --clr-muted:       #6b7280;  /* muted grey: captions, labels */
  --clr-border:      #e2e8f0;  /* light grey: borders, dividers */
  --clr-light:       #f7f8f5;  /* warm off-white: section backgrounds */
  --clr-white:       #ffffff;

  /* Typography */
  --font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  2.5rem;
  --text-4xl:  3rem;
  --text-5xl:  3.75rem;

  --leading-tight:   1.2;
  --leading-snug:    1.35;
  --leading-normal:  1.6;
  --leading-relaxed: 1.75;

  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;

  /* Spacing */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  /* Layout */
  --max-w:      1200px;
  --max-w-text:  720px;
  --header-h:    72px;

  /* Shape */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.10);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.16);

  /* Transitions */
  --transition: 200ms ease;
}