/* zedConsulting colour + surface tokens (light default, dark via [data-theme="dark"]) */
:root, [data-theme="light"] {

  /* Surfaces */
  --bg: #fbfbf7;
  --surface: #ffffff;
  --surface-2: #f4f4ec;
  --surface-3: #ececE2;
  --hairline: #e7e7dd;
  --hairline-strong: #d6d6c8;

  /* Text */
  --ink: #17180f;
  --body: #4c4d42;
  --mute: #8a8b7e;

  /* Brand — lime */
  --brand: #E9F213;
  --brand-strong: #d6df00;
  --brand-ink: #17180f;     /* text on lime */
  --brand-soft: #f6f9b3;    /* pale lime fill */
  --brand-tint: #fafce0;    /* faintest lime wash */
  --secondary: #F8FAD5;     /* secondary brand colour (pale lime) */

  /* Accent — teal (logo dot) */
  --accent: #11b3a0;
  --accent-soft: #d3f2ed;

  /* Inverted band (dark section on light page) */
  --band-bg: #17180f;
  --band-surface: #21221a;
  --band-ink: #ffffff;
  --band-body: rgba(255,255,255,0.70);
  --band-mute: rgba(255,255,255,0.50);
  --band-hairline: rgba(255,255,255,0.14);

  /* Elevation — stacked, calm */
  --shadow-sm: 0 1px 2px rgba(20,20,8,.05), 0 1px 1px rgba(20,20,8,.03);
  --shadow-md: 0 1px 2px rgba(20,20,8,.04), 0 10px 28px rgba(20,20,8,.06), inset 0 0 0 1px rgba(20,20,8,.05);
  --shadow-lg: 0 2px 6px rgba(20,20,8,.06), 0 22px 56px rgba(20,20,8,.11), inset 0 0 0 1px rgba(20,20,8,.05);
  --ring: inset 0 0 0 1px rgba(20,20,8,.07); /* @kind shadow */

  /* Dot-grid texture color */
  --dot: #d9d9cb;
}

[data-theme="dark"] {
  --bg: #0c0d08;
  --surface: #15160e;
  --surface-2: #1c1d13;
  --surface-3: #24251a;
  --hairline: rgba(255,255,255,0.10);
  --hairline-strong: rgba(255,255,255,0.20);

  --ink: #f4f4ea;
  --body: #b4b5a6;
  --mute: #82836f;

  --brand: #E9F213;
  --brand-strong: #f2f93f;
  --brand-ink: #15160e;
  --brand-soft: #2b2d10;
  --brand-tint: #1c1d10;
  --secondary: #23240f;     /* secondary brand colour, dark-mode variant */

  --accent: #2bd4bf;
  --accent-soft: #0f342f;

  --band-bg: #050601;
  --band-surface: #14150d;
  --band-ink: #f4f4ea;
  --band-body: rgba(244,244,234,0.70);
  --band-mute: rgba(244,244,234,0.48);
  --band-hairline: rgba(255,255,255,0.10);

  --shadow-sm: 0 1px 2px rgba(0,0,0,.45);
  --shadow-md: 0 2px 8px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.06);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.07);
  --ring: inset 0 0 0 1px rgba(255,255,255,.08); /* @kind shadow */

  --dot: #2a2b20;
}