/* Tradie Web Co. theme — a light theme of the Tech Bureau design system with the sub-brand's
   orange accent. Only tokens change here; components come from ui.css unchanged.
   Light vs dark and the orange accent are both open decisions; swap the values below to try others. */

html[data-theme="tradies"] {
  --color-bg: #ffffff;
  --color-bg-raised: #f6f7fb;
  --color-surface: #ffffff;
  --color-surface-2: #f6f7fb;
  --color-field: #ffffff;
  --color-fg: #111827;
  --color-fg-strong: #0d121f;
  --color-muted: #5b6577;            /* 6.9:1 on white */
  --color-border: rgba(13, 18, 31, 0.08);
  --color-border-strong: rgba(13, 18, 31, 0.16);
  --color-glass: rgba(13, 18, 31, 0.03);

  --color-accent: #f97316;
  --color-accent-fill: #ea6a0c;      /* white text 3.6:1 → buttons use 18px+/bold text */
  --color-accent-fill-hover: #d95f07;
  --color-accent-text: #c2410c;      /* orange as text on white: 5.6:1 */
  --color-accent-soft: rgba(249, 115, 22, 0.1);
  --color-accent-rgb: 249, 115, 22;
  --color-on-accent: #ffffff;
  --color-ring: #f97316;
  --color-danger: #dc2626;
  --color-success: #16a34a;

  /* dark bands keep the Tech Bureau navy so the two brands visibly share a family */
  --color-band-bg: #0d121f;
  --color-band-fg: #f3f5f7;
  --color-band-muted: #a9b8cf;
  --color-band-surface: rgba(255, 255, 255, 0.06);
  --color-band-border: rgba(255, 255, 255, 0.12);
  --color-band-accent-text: #fdba74;

  --shadow-sm: 0 1px 2px rgba(13, 18, 31, 0.06);
  --shadow: 0 20px 40px -24px rgba(13, 18, 31, 0.25);
}

/* on light backgrounds the accent-as-text needs the darker orange; in dark bands the bright one */
html[data-theme="tradies"] .band { --color-accent-text: #fdba74; }

/* gradient ink in the sub-brand: orange to amber */
html[data-theme="tradies"] .text-gradient {
  background-image: linear-gradient(120deg, #f97316 0%, #fb923c 55%, #fbbf24 100%);
}