/* FLAYTEX: owner rules include square FX and white logo on orange; grid and scales are proposals. */
:root {
  --flaytex-primary: #ff7c00;
  --flaytex-graphite: #101010;
  --flaytex-chalk: #f6f3ee;
  --flaytex-logo-on-orange: #ffffff;
  --flaytex-fx-aspect-ratio: 1;
  --flaytex-fx-grid-units: 12;
  --flaytex-fx-mark-width-units: 8;
  --flaytex-fx-side-clearance-units: 2;
  --flaytex-fx-tile-min-size: 48px;
  --flaytex-action-ink: var(--flaytex-graphite);
  --flaytex-font: 'DM Sans', system-ui, sans-serif;
  --flaytex-font-code: 'JetBrains Mono', monospace;
  --flaytex-space-1: 8px;
  --flaytex-space-2: 16px;
  --flaytex-space-3: 24px;
  --flaytex-space-5: 40px;
  --flaytex-space-8: 64px;
  --flaytex-radius: 4px;
  --flaytex-ease: cubic-bezier(.16,1,.3,1);
}
[data-flaytex-theme='dark'] {
  --flaytex-background: var(--flaytex-graphite);
  --flaytex-text: var(--flaytex-chalk);
  --flaytex-surface: #191817;
  --flaytex-muted: #b7b1a9;
  --flaytex-border: #45413c;
  --flaytex-link: var(--flaytex-primary);
}
[data-flaytex-theme='light'] {
  --flaytex-background: var(--flaytex-chalk);
  --flaytex-text: var(--flaytex-graphite);
  --flaytex-surface: #eae5dd;
  --flaytex-muted: #625b53;
  --flaytex-border: #aea69a;
  --flaytex-link: #984500;
}
@media (prefers-reduced-motion: reduce) {
  [data-flaytex-motion] { animation: none; transition: none; }
}