/* WoodForge 9 by A( Andrii (Admin), selected by Brian.
   https://tweakcn.com/themes/cmmhtixuu000504js4s1f25pf
   Twenty semantic mapping; existing navigation, density and behavior retained.
   Colours are hex, converted from the theme's oklch values: the code editor on
   Settings > MCP & APIs cannot read oklch and crashed on it (2026-09-28). */
html.light, .light {
  --wf-background: #fbfaf9;
  --wf-foreground: #1d2630;
  --wf-card: #ffffff;
  --wf-primary: #815131;
  --wf-action: var(--wf-primary);
  --wf-on-primary: #fafaf9;
  --wf-secondary: #364049;
  --wf-muted: #eef0f1;
  --wf-muted-foreground: #596570;
  --wf-accent: #3d664e;
  --wf-border: #d5d9dd;
  --wf-sidebar: #272e35;
  --wf-sidebar-foreground: #f4f3f0;
  --wf-selection: #e8d9ca;
  --wf-link: #80552f;
  --wf-shadow: 0 2px 4px rgb(0 0 0 / 10%);
  color-scheme: light;
}
html.dark, .dark {
  --wf-background: #141a1f;
  --wf-foreground: #f1f0ee;
  --wf-card: #181f25;
  --wf-primary: #ac6739;
  /* Slightly darker copper keeps small white button text above 4.5:1. */
  --wf-action: #a56336;
  --wf-on-primary: #fafaf9;
  --wf-secondary: #394046;
  --wf-muted: #252e37;
  --wf-muted-foreground: #abb3ba;
  --wf-accent: #447e5c;
  --wf-border: #2b333b;
  --wf-sidebar: #0f141a;
  --wf-sidebar-foreground: #e3e5e8;
  --wf-selection: #493426;
  --wf-link: #d59b70;
  --wf-shadow: 0 4px 8px rgb(0 0 0 / 40%);
  color-scheme: dark;
}
html:is(.light, .dark), :is(.light, .dark) {
  --t-background-noisy: none;
  --t-background-primary: var(--wf-card);
  --t-background-secondary: var(--wf-background);
  --t-background-tertiary: var(--wf-sidebar);
  --t-background-quaternary: var(--wf-muted);
  --t-background-inverted-primary: var(--wf-action);
  --t-background-inverted-secondary: var(--wf-action);
  --t-background-primary-inverted: var(--wf-action);
  --t-background-primary-inverted-hover: color-mix(in srgb, var(--wf-action) 90%, black);
  --t-font-color-primary: var(--wf-foreground);
  --t-font-color-secondary: var(--wf-muted-foreground);
  --t-font-color-tertiary: var(--wf-muted-foreground);
  --t-font-color-light: var(--wf-muted-foreground);
  --t-font-color-inverted: var(--wf-on-primary);
  --t-border-color-strong: var(--wf-secondary);
  --t-border-color-medium: var(--wf-border);
  --t-border-color-light: var(--wf-border);
  --t-border-color-blue: var(--wf-primary);
  --t-accent-primary: var(--wf-selection);
  --t-accent-secondary: var(--wf-selection);
  --t-accent-tertiary: var(--wf-selection);
  --t-accent-quaternary: var(--wf-muted);
  --t-accent-accent3570: var(--wf-primary);
  --t-accent-accent4060: var(--wf-primary);
  --t-accent-accent7: var(--wf-primary);
  --t-accent-accent8: var(--wf-primary);
  --t-accent-accent9: var(--wf-primary);
  --t-accent-accent10: var(--wf-primary);
  --t-accent-accent11: var(--wf-link);
  --t-accent-accent12: var(--wf-foreground);
  --t-buttons-secondary-text-color: var(--wf-link);
  --t-color-blue: var(--wf-action);
  --t-color-blue9: var(--wf-action);
  --t-color-blue10: color-mix(in srgb, var(--wf-action) 90%, black);
  --t-color-blue11: var(--wf-link);
  --t-color-blue12: color-mix(in srgb, var(--wf-primary) 75%, black);
  --t-color-green: var(--wf-accent);
  --t-border-radius-xs: 2px;
  --t-border-radius-sm: 2px;
  --t-border-radius-md: 2px;
  --t-border-radius-lg: 6px;
  --t-border-radius-xl: 8px;
  --t-border-radius-sm-round: 2px;
  --t-border-radius-md-round: 2px;
  --t-font-family: Inter, -apple-system, sans-serif;
  --t-box-shadow-light: var(--wf-shadow);
  --t-box-shadow-strong: var(--wf-shadow);
}
html, body { background-color: var(--wf-background); }
body { letter-spacing: -0.01em; }
::selection { background: var(--wf-selection); color: var(--wf-foreground); }
input, textarea { caret-color: var(--wf-link); }
input::placeholder, textarea::placeholder { color: var(--wf-muted-foreground); opacity: 1; }
*:focus-visible { outline-color: var(--wf-primary); }
* { scrollbar-color: var(--wf-secondary) var(--wf-background); }
[data-click-outside-id='navigation-drawer'] {
  background: var(--wf-sidebar);
  color: var(--wf-sidebar-foreground);
  --t-font-color-primary: var(--wf-sidebar-foreground);
  --t-font-color-secondary: #abb3ba;
  --t-font-color-tertiary: #abb3ba;
  --t-font-color-light: #abb3ba;
  --t-font-color-extra-light: #abb3ba;
  --t-background-transparent-light: rgb(255 255 255 / 8%);
  --t-background-transparent-lighter: rgb(255 255 255 / 4%);
}