/* ============================================================
   Centrica · Spacing, radius, shadows, borders
   ============================================================ */

:root {
  /* ---- Spacing scale (Tailwind 4px base) ---- */
  --spacing-0:  0;
  --spacing-1:  0.25rem;   /* 4  */
  --spacing-2:  0.5rem;    /* 8  */
  --spacing-3:  0.75rem;   /* 12 */
  --spacing-4:  1rem;      /* 16 */
  --spacing-5:  1.25rem;   /* 20 */
  --spacing-6:  1.5rem;    /* 24 */
  --spacing-8:  2rem;      /* 32 */
  --spacing-10: 2.5rem;    /* 40 */
  --spacing-12: 3rem;      /* 48 */
  --spacing-16: 4rem;      /* 64 */
  --spacing-24: 6rem;      /* 96 */

  /* ---- Radius ---- (base = 0.625rem / 10px) */
  --radius:     0.625rem;
  --radius-xs:  0.125rem;  /* 2  */
  --radius-sm:  0.375rem;  /* 6  */
  --radius-md:  0.5rem;    /* 8  */
  --radius-lg:  0.625rem;  /* 10 */
  --radius-xl:  0.875rem;  /* 14 */
  --radius-2xl: 1.125rem;  /* 18 */
  --radius-3xl: 1.375rem;  /* 22 */
  --radius-full: 9999px;

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-width-2: 2px;

  /* ---- Elevation (shadcn shadow scale) ---- */
  --shadow-2xs: 0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-xs:  0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-sm:  0 1px 3px 0 rgba(0,0,0,0.10), 0 1px 2px -1px rgba(0,0,0,0.10);
  --shadow-md:  0 4px 6px -1px rgba(0,0,0,0.10), 0 2px 4px -2px rgba(0,0,0,0.10);
  --shadow-lg:  0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -4px rgba(0,0,0,0.10);
  --shadow-xl:  0 20px 25px -5px rgba(0,0,0,0.10), 0 8px 10px -6px rgba(0,0,0,0.10);
  --shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);    /* @kind other */
  --duration-fast: 150ms;  /* @kind other */
  --duration-base: 200ms;  /* @kind other */
}