/* ============================================================
   ClubReady Design Tokens
   Built from the Figma plugin export (W3C DTCG), 2026-10-12
   Source: Flowbite Design System Pro v3.1

   TWO LAYERS
   1. Palette   --gray-900, --clubready-500 …   raw values
   2. Semantic  --bg-clubready, --text-heading  point at layer 1

   COLOURS ONLY
   Spacing, radius, font-size, line-height and border-width match
   stock Tailwind v4 and are not shipped.

   DARK MODE
   .dark (Tailwind/Flowbite) or [data-theme="dark"].
   ============================================================ */

:root {
  /* ---- Layer 1: palette ---- */
  --black: #000000;
  --white: #ffffff;
  --amber-050: #fffbeb;
  --amber-100: #fef3c6;
  --amber-200: #fee685;
  --amber-300: #ffd230;
  --amber-400: #ffb900;
  --amber-500: #fe9a00;
  --amber-600: #e17100;
  --amber-700: #bb4d00;
  --amber-800: #973c00;
  --amber-900: #7b3306;
  --amber-950: #461901;
  --clubready-050: #fdecec;
  --clubready-100: #fde8e8;
  --clubready-200: #fbd5d5;
  --clubready-300: #f8b4b4;
  --clubready-400: #e35d5d;
  --clubready-500: #b82025;
  --clubready-600: #a52a2a;
  --clubready-700: #771d1d;
  --clubready-800: #5e1414;
  --clubready-900: #3f0d0d;
  --clubready-950: #250202;
  --cyan-050: #ecfeff;
  --cyan-100: #cefafe;
  --cyan-200: #a2f4fd;
  --cyan-300: #53eafd;
  --cyan-400: #00d3f2;
  --cyan-500: #00b8db;
  --cyan-600: #0092b8;
  --cyan-700: #007595;
  --cyan-800: #005f78;
  --cyan-900: #104e64;
  --cyan-950: #053345;
  --emerald-050: #ecfdf5;
  --emerald-100: #d0fae5;
  --emerald-200: #a4f4cf;
  --emerald-300: #5ee9b5;
  --emerald-400: #00d492;
  --emerald-500: #00bc7d;
  --emerald-600: #009966;
  --emerald-700: #007a55;
  --emerald-800: #006045;
  --emerald-900: #004f3b;
  --emerald-950: #002c22;
  --fuchsia-050: #fdf4ff;
  --fuchsia-100: #fae8ff;
  --fuchsia-200: #f6cfff;
  --fuchsia-300: #f4a8ff;
  --fuchsia-400: #ed6aff;
  --fuchsia-500: #e12afb;
  --fuchsia-600: #c800de;
  --fuchsia-700: #a800b7;
  --fuchsia-800: #8a0194;
  --fuchsia-900: #721378;
  --fuchsia-950: #4b004f;
  --gray-050: #f7f7f8;
  --gray-075: #f4f4f4;
  --gray-100: #e6e7e8;
  --gray-200: #d1d2d3;
  --gray-300: #bdbebf;
  --gray-400: #9b9c9e;
  --gray-500: #717173;
  --gray-600: #5b5c5e;
  --gray-700: #414042;
  --gray-800: #2e2e2f;
  --gray-900: #1f1f20;
  --gray-950: #151516;
  --green-100: #dcfce7;
  --green-200: #b9f8cf;
  --green-300: #7bf1a8;
  --green-400: #05df72;
  --green-50: #f0fdf4;
  --green-500: #00c950;
  --green-600: #00a63e;
  --green-700: #008236;
  --green-800: #016630;
  --green-900: #0d542b;
  --green-950: #032e15;
  --indigo-100: #e0e7ff;
  --indigo-200: #c6d2ff;
  --indigo-300: #a3b3ff;
  --indigo-400: #7c86ff;
  --indigo-50: #eef2ff;
  --indigo-500: #615fff;
  --indigo-600: #4f39f6;
  --indigo-700: #432dd7;
  --indigo-800: #372aac;
  --indigo-900: #312c85;
  --indigo-950: #1e1a4d;
  --lime-050: #f7fee7;
  --lime-100: #ecfcca;
  --lime-200: #d8f999;
  --lime-300: #bbf451;
  --lime-400: #9ae600;
  --lime-500: #7ccf00;
  --lime-600: #5ea500;
  --lime-700: #497d00;
  --lime-800: #3c6300;
  --lime-900: #35530e;
  --lime-950: #192e03;
  --neutral-050: #fafafa;
  --neutral-100: #f5f5f5;
  --neutral-200: #e5e5e5;
  --neutral-300: #d4d4d4;
  --neutral-400: #a1a1a1;
  --neutral-500: #737373;
  --neutral-600: #525252;
  --neutral-700: #404040;
  --neutral-800: #262626;
  --neutral-900: #171717;
  --neutral-950: #0a0a0a;
  --orange-050: #fff8f1;
  --orange-100: #feecdc;
  --orange-200: #fcd9bd;
  --orange-300: #fdba8c;
  --orange-400: #ff8a4c;
  --orange-500: #ff5a1f;
  --orange-600: #d03801;
  --orange-700: #b43403;
  --orange-800: #8a2c0d;
  --orange-900: #771d1d;
  --orange-950: #441306;
  --pink-050: #fdf2f8;
  --pink-100: #fce7f3;
  --pink-200: #fccee8;
  --pink-300: #fda5d5;
  --pink-400: #fb64b6;
  --pink-500: #f6339a;
  --pink-600: #e60076;
  --pink-700: #c6005c;
  --pink-800: #a3004c;
  --pink-900: #861043;
  --pink-950: #510424;
  --purple-050: #faf5ff;
  --purple-100: #f3e8ff;
  --purple-200: #e9d4ff;
  --purple-300: #dab2ff;
  --purple-400: #c27aff;
  --purple-500: #ad46ff;
  --purple-600: #9810fa;
  --purple-700: #8200db;
  --purple-800: #6e11b0;
  --purple-900: #59168b;
  --purple-950: #3c0366;
  --red-050: #fef2f2;
  --red-100: #ffe2e2;
  --red-200: #ffc9c9;
  --red-300: #ffa2a2;
  --red-400: #ff6467;
  --red-500: #fb2c36;
  --red-600: #e7000b;
  --red-700: #c10007;
  --red-800: #9f0712;
  --red-900: #82181a;
  --red-950: #460809;
  --rose-050: #fef0f2;
  --rose-100: #ffe4e6;
  --rose-200: #ffccd3;
  --rose-300: #ffa1ad;
  --rose-400: #ff637e;
  --rose-500: #ff2056;
  --rose-600: #ec003f;
  --rose-700: #c70036;
  --rose-800: #a50036;
  --rose-900: #8b0836;
  --rose-950: #4d0218;
  --sky-050: #f0f9ff;
  --sky-100: #dff2fe;
  --sky-200: #b8e6fe;
  --sky-300: #74d4ff;
  --sky-400: #00bcff;
  --sky-500: #00a6f4;
  --sky-600: #0084d1;
  --sky-700: #0069a8;
  --sky-800: #00598a;
  --sky-900: #024a70;
  --sky-950: #052f4a;
  --slate-050: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cad5e2;
  --slate-400: #90a1b9;
  --slate-500: #62748e;
  --slate-600: #45556c;
  --slate-700: #314158;
  --slate-800: #1d293d;
  --slate-900: #131c34;
  --slate-950: #020618;
  --stone-050: #fafaf9;
  --stone-100: #f5f5f4;
  --stone-200: #e7e5e4;
  --stone-300: #d6d3d1;
  --stone-400: #a6a09b;
  --stone-500: #79716b;
  --stone-600: #57534d;
  --stone-700: #44403b;
  --stone-800: #292524;
  --stone-900: #1c1917;
  --stone-950: #0c0a09;
  --teal-100: #cbfbf1;
  --teal-200: #96f7e4;
  --teal-300: #46ecd5;
  --teal-400: #00d5be;
  --teal-50: #f0fdfa;
  --teal-500: #00bba7;
  --teal-600: #009689;
  --teal-700: #00786f;
  --teal-800: #005f59;
  --teal-900: #0d4e4a;
  --teal-950: #032f2e;
  --yellow-050: #fefce8;
  --yellow-100: #fef9c2;
  --yellow-200: #fff085;
  --yellow-300: #ffdf20;
  --yellow-400: #fdc700;
  --yellow-500: #f0b100;
  --yellow-600: #d08700;
  --yellow-700: #a65f00;
  --yellow-800: #894b00;
  --yellow-900: #733e0a;
  --yellow-950: #432004;
  --zinc-050: #fafafa;
  --zinc-100: #f4f4f5;
  --zinc-200: #e4e4e7;
  --zinc-300: #d4d4d8;
  --zinc-400: #9f9fa9;
  --zinc-500: #71717b;
  --zinc-600: #52525c;
  --zinc-700: #3f3f46;
  --zinc-800: #27272a;
  --zinc-900: #18181b;
  --zinc-950: #09090b;

  /* ---- Layer 2: Backgrounds ---- */
  --bg-variants-gray: var(--gray-100);
  --bg-variants-white: var(--white);
  --bg-canvas: var(--gray-075);
  --bg-clubready: var(--clubready-500);
  --bg-clubready-medium: var(--clubready-200);
  --bg-clubready-soft: var(--clubready-100);
  --bg-clubready-softer: var(--clubready-050);
  --bg-clubready-strong: var(--clubready-700);
  --bg-cyan: var(--cyan-500);
  --bg-danger: var(--rose-700);
  --bg-danger-medium: var(--rose-100);
  --bg-danger-soft: var(--rose-050);
  --bg-danger-strong: var(--rose-800);
  --bg-dark: var(--gray-800);
  --bg-dark-medium: var(--gray-600);
  --bg-dark-strong: var(--black);
  --bg-disabled: var(--gray-200);
  --bg-fuchsia: var(--fuchsia-600);
  --bg-gray: var(--gray-300);
  --bg-indigo: var(--indigo-600);
  --bg-orange: var(--orange-400);
  --bg-pink: var(--pink-600);
  --bg-primary: var(--white);
  --bg-primary-medium: var(--white);
  --bg-primary-soft: var(--white);
  --bg-primary-strong: var(--white);
  --bg-purple: var(--purple-500);
  --bg-quaternary: var(--gray-200);
  --bg-quaternary-medium: var(--gray-200);
  --bg-secondary: var(--gray-050);
  --bg-secondary-medium: var(--gray-050);
  --bg-secondary-soft: var(--gray-050);
  --bg-secondary-strong: var(--gray-050);
  --bg-sky: var(--sky-500);
  --bg-success: var(--emerald-700);
  --bg-success-medium: var(--emerald-100);
  --bg-success-soft: var(--emerald-050);
  --bg-success-strong: var(--emerald-800);
  --bg-teal: var(--teal-600);
  --bg-tertiary: var(--gray-100);
  --bg-tertiary-medium: var(--gray-100);
  --bg-tertiary-soft: var(--gray-100);
  --bg-warning: var(--orange-500);
  --bg-warning-medium: var(--orange-100);
  --bg-warning-soft: var(--orange-050);
  --bg-warning-strong: var(--orange-700);
  --bg-white: var(--white);

  /* ---- Layer 2: Text ---- */
  --text-black: var(--gray-900);
  --text-body: var(--gray-600);
  --text-body-subtle: var(--gray-500);
  --text-fg-clubready: var(--clubready-700);
  --text-fg-clubready-strong: var(--clubready-900);
  --text-fg-clubready-subtle: var(--clubready-200);
  --text-fg-cyan: var(--cyan-600);
  --text-fg-danger: var(--rose-700);
  --text-fg-danger-strong: var(--rose-900);
  --text-fg-disabled: var(--gray-400);
  --text-fg-indigo: var(--indigo-600);
  --text-fg-info: var(--clubready-900);
  --text-fg-lime: var(--lime-600);
  --text-fg-pink: var(--pink-600);
  --text-fg-purple: var(--purple-600);
  --text-fg-success: var(--emerald-700);
  --text-fg-success-strong: var(--emerald-900);
  --text-fg-warning: var(--orange-900);
  --text-fg-warning-subtle: var(--orange-600);
  --text-fg-yellow: var(--yellow-400);
  --text-heading: var(--gray-900);
  --text-white: var(--white);

  /* ---- Layer 2: Borders ---- */
  --border-base: var(--gray-300);
  --border-base-medium: var(--gray-600);
  --border-base-strong: var(--gray-600);
  --border-base-subtle: var(--gray-200);
  --border-buffer: var(--white);
  --border-buffer-gradient-secondary: #f9fafb80;
  --border-buffer-medium: var(--white);
  --border-buffer-strong: var(--white);
  --border-clubready: var(--clubready-500);
  --border-clubready-light: var(--clubready-400);
  --border-clubready-subtle: var(--clubready-200);
  --border-danger: var(--rose-700);
  --border-danger-subtle: var(--rose-200);
  --border-dark: var(--gray-800);
  --border-dark-subtle: var(--gray-800);
  --border-light: var(--gray-100);
  --border-light-medium: var(--gray-100);
  --border-light-subtle: var(--gray-100);
  --border-muted: var(--gray-050);
  --border-orange: var(--orange-400);
  --border-purple: var(--purple-500);
  --border-success: var(--emerald-700);
  --border-success-subtle: var(--emerald-200);
  --border-warning: var(--orange-600);
  --border-warning-subtle: var(--orange-200);
}

/* Dark mode — semantic layer only */
.dark,
[data-theme="dark"] {
  --bg-variants-gray: var(--gray-950);
  --bg-variants-white: var(--gray-950);
  --bg-canvas: var(--gray-950);
  --bg-clubready: var(--clubready-400);
  --bg-clubready-medium: var(--clubready-900);
  --bg-clubready-soft: var(--clubready-900);
  --bg-clubready-softer: var(--clubready-950);
  --bg-clubready-strong: var(--clubready-700);
  --bg-cyan: var(--cyan-500);
  --bg-danger: var(--rose-700);
  --bg-danger-medium: var(--rose-900);
  --bg-danger-soft: var(--rose-950);
  --bg-danger-strong: var(--rose-800);
  --bg-dark: var(--gray-800);
  --bg-dark-medium: var(--gray-700);
  --bg-dark-strong: var(--white);
  --bg-disabled: var(--gray-800);
  --bg-fuchsia: var(--fuchsia-500);
  --bg-gray: var(--gray-600);
  --bg-indigo: var(--indigo-500);
  --bg-orange: var(--orange-400);
  --bg-pink: var(--pink-500);
  --bg-primary: var(--gray-950);
  --bg-primary-medium: var(--gray-800);
  --bg-primary-soft: var(--gray-900);
  --bg-primary-strong: var(--gray-700);
  --bg-purple: var(--purple-500);
  --bg-quaternary: var(--gray-700);
  --bg-quaternary-medium: var(--gray-600);
  --bg-secondary: var(--gray-950);
  --bg-secondary-medium: var(--gray-800);
  --bg-secondary-soft: var(--gray-900);
  --bg-secondary-strong: var(--gray-700);
  --bg-sky: var(--sky-500);
  --bg-success: var(--emerald-600);
  --bg-success-medium: var(--emerald-900);
  --bg-success-soft: var(--emerald-950);
  --bg-success-strong: var(--emerald-700);
  --bg-teal: var(--teal-500);
  --bg-tertiary: var(--gray-800);
  --bg-tertiary-medium: var(--gray-700);
  --bg-tertiary-soft: var(--gray-900);
  --bg-warning: var(--orange-600);
  --bg-warning-medium: var(--orange-900);
  --bg-warning-soft: var(--orange-950);
  --bg-warning-strong: var(--orange-700);
  --bg-white: var(--white);
  --text-black: var(--gray-900);
  --text-body: var(--gray-400);
  --text-body-subtle: var(--gray-400);
  --text-fg-clubready: var(--clubready-500);
  --text-fg-clubready-strong: var(--clubready-400);
  --text-fg-clubready-subtle: var(--clubready-200);
  --text-fg-cyan: var(--cyan-500);
  --text-fg-danger: var(--rose-500);
  --text-fg-danger-strong: var(--rose-300);
  --text-fg-disabled: var(--gray-600);
  --text-fg-indigo: var(--indigo-500);
  --text-fg-info: var(--clubready-300);
  --text-fg-lime: var(--lime-500);
  --text-fg-pink: var(--pink-500);
  --text-fg-purple: var(--purple-500);
  --text-fg-success: var(--emerald-600);
  --text-fg-success-strong: var(--emerald-300);
  --text-fg-warning: var(--orange-300);
  --text-fg-warning-subtle: var(--orange-500);
  --text-fg-yellow: var(--yellow-400);
  --text-heading: var(--white);
  --text-white: var(--white);
  --border-base: var(--gray-800);
  --border-base-medium: var(--gray-700);
  --border-base-strong: var(--gray-600);
  --border-base-subtle: var(--gray-900);
  --border-buffer: var(--gray-950);
  --border-buffer-gradient-secondary: #03071280;
  --border-buffer-medium: var(--gray-900);
  --border-buffer-strong: var(--gray-800);
  --border-clubready: var(--clubready-500);
  --border-clubready-light: var(--clubready-600);
  --border-clubready-subtle: var(--clubready-900);
  --border-danger: var(--rose-600);
  --border-danger-subtle: var(--rose-900);
  --border-dark: var(--gray-600);
  --border-dark-subtle: var(--gray-700);
  --border-light: var(--gray-800);
  --border-light-medium: var(--gray-700);
  --border-light-subtle: var(--gray-900);
  --border-muted: var(--gray-900);
  --border-orange: var(--orange-400);
  --border-purple: var(--purple-500);
  --border-success: var(--emerald-600);
  --border-success-subtle: var(--emerald-900);
  --border-warning: var(--orange-500);
  --border-warning-subtle: var(--orange-900);
}