/* Direction C — "Сигнал": the platform as trade-counter signage. Black rails, safety yellow, condensed caps, 2 px rules. */
@layer tb-theme {
[data-direction="signal"] {
  color-scheme: light;
  --font-family-base: "Golos Text", "Segoe UI", sans-serif;
  --font-family-heading: "Sofia Sans Extra Condensed", "Arial Narrow", sans-serif;
  --font-family-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-family-brand: "Exo 2", "Arial", sans-serif; --brand-tracking: .06em;
  --font-size-xs: .75rem; --font-size-sm: .875rem; --font-size-md: 1rem; --font-size-lg: 1.25rem; --font-size-xl: 1.875rem; --font-size-2xl: 3rem; --font-size-3xl: 4.75rem;
  --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-bold: 700; --font-weight-heading: 800;
  --heading-tracking: .005em; --heading-line: .92; --heading-case: uppercase;
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 6px; --radius-pill: 999px; --radius-step: 0;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 2.75rem; --space-8: 4rem; --space-9: 6rem;
  --layout-max-width: 88rem; --layout-gutter: clamp(1rem, 3.5cqi, 2.5rem);
  --section-pad: clamp(3rem, 8cqi, 6rem); --hero-pad: clamp(2.5rem, 6cqi, 5rem);
  --feature-gap: var(--space-5); --feature-pad: var(--space-4) 0 0; --feature-rule: 6px;
  --border-width: 2px;
  --elevation-1: 0 2px 0 oklch(0.16 0.005 260);
  --elevation-2: 6px 6px 0 oklch(0.16 0.005 260);

  --color-bg: oklch(0.985 0.001 95);
  --color-surface: oklch(1 0 0);
  --color-surface-sunken: oklch(0.95 0.004 95);
  --color-text: oklch(0.16 0.005 260);
  --color-text-muted: oklch(0.42 0.006 260);
  --color-border: oklch(0.86 0.004 260);
  --color-border-strong: oklch(0.18 0.005 260);
  --color-primary: oklch(0.87 0.17 95);
  --color-primary-hover: oklch(0.92 0.15 98);
  --color-on-primary: oklch(0.16 0.005 260);
  --color-primary-ink: oklch(0.18 0.005 260);
  --color-link: oklch(0.18 0.005 260);
  --color-link-hover: oklch(0.38 0.08 95);
  --color-focus: oklch(0.16 0.005 260);
  --color-eyebrow: oklch(0.16 0.005 260);
  --color-header-bg: oklch(0.16 0.005 260); --color-on-header: oklch(0.98 0 0);
  --color-header-border: oklch(0.16 0.005 260); --color-header-hover: oklch(0.27 0.005 260);
  --color-header-line: oklch(0.45 0.005 260); --color-header-accent: var(--color-primary);
  --color-brand-mark-a: oklch(0.98 0 0); --color-brand-mark-b: var(--color-primary); --color-brand-mark-b-hover: var(--color-primary-hover); --color-brand-tld: var(--color-primary);
  --color-band-bg: var(--color-surface-sunken);
  --color-inverse-bg: oklch(0.16 0.005 260); --color-on-inverse: oklch(0.98 0 0); --color-on-inverse-muted: oklch(0.8 0.004 260);
  --color-inverse-eyebrow: var(--color-primary); --color-inverse-line: oklch(0.34 0.005 260);
  --color-table-head-bg: oklch(0.16 0.005 260); --color-table-head-text: oklch(0.98 0 0);
  --color-sample-brand: oklch(0.5 0.17 30); --color-on-sample-brand: oklch(0.99 0 0);
  --color-model-main: oklch(0.16 0.005 260);
  --color-step-bg: var(--color-primary); --color-on-step: var(--color-on-primary);
  --color-plan-featured: oklch(0.16 0.005 260); --color-on-plan-featured: var(--color-primary);
  --color-check: oklch(0.16 0.005 260);
  --color-footer-bg: oklch(0.16 0.005 260); --color-on-footer: oklch(0.98 0 0); --color-on-footer-muted: oklch(0.8 0.004 260); --color-footer-line: oklch(0.34 0.005 260);
  --color-success-bg: oklch(0.94 0.05 150); --color-success-text: oklch(0.37 0.09 150);
  --color-warning-bg: oklch(0.94 0.07 85);  --color-warning-text: oklch(0.41 0.09 65);
  --color-danger-bg: oklch(0.94 0.04 25);   --color-danger-text: oklch(0.45 0.16 27);
  --color-info-bg: oklch(0.94 0.03 245);    --color-info-text: oklch(0.4 0.1 250);
}
/* composition */
[data-direction="signal"] :is(.tb-header, .tb-section--inverse, .tb-herowrap, .tb-footer) { --color-focus: var(--color-primary); }
[data-direction="signal"] .tb-eyebrow { display: inline-flex; align-items: center; gap: .6em; justify-self: start; }
[data-direction="signal"] .tb-eyebrow::before { content: ""; width: .9em; height: .9em; background: var(--color-primary); box-shadow: 0 0 0 2px var(--color-border-strong); }
[data-direction="signal"] .tb-section--inverse .tb-eyebrow::before, [data-direction="signal"] .tb-herowrap .tb-eyebrow::before { box-shadow: none; }
[data-direction="signal"] .tb-herowrap { background: var(--color-inverse-bg); color: var(--color-on-inverse); --color-text: var(--color-on-inverse); --color-text-muted: var(--color-on-inverse-muted); --color-link: var(--color-on-inverse); --color-eyebrow: var(--color-inverse-eyebrow); margin-bottom: var(--space-8); }
[data-direction="signal"] .tb-herowrap .tb-btn:not(.tb-btn--primary) { background: transparent; color: var(--color-on-inverse); border-color: var(--color-on-inverse); }
[data-direction="signal"] .tb-herowrap .tb-hero__media { margin-bottom: calc(var(--space-8) * -1); }
[data-direction="signal"] .tb-herowrap .tb-window { color: oklch(0.16 0.005 260); --color-text: oklch(0.16 0.005 260); --color-text-muted: oklch(0.42 0.006 260); --color-link: oklch(0.18 0.005 260); border-color: var(--color-primary); }
[data-direction="signal"] .tb-btn--primary { font-family: var(--font-family-heading); font-size: var(--font-size-lg); font-weight: 800; text-transform: uppercase; letter-spacing: .03em; line-height: 1; }
[data-direction="signal"] .tb-btn--lg.tb-btn--primary { font-size: var(--font-size-xl); }
[data-direction="signal"] .tb-feature { border-top-color: var(--color-primary); }
[data-direction="signal"] .tb-feature__title { font-size: var(--font-size-xl); }
[data-direction="signal"] .tb-feature:nth-child(even) { border-top-color: var(--color-border-strong); }
[data-direction="signal"] .tb-badge { border-radius: 2px; text-transform: uppercase; letter-spacing: .03em; }
[data-direction="signal"] .tb-table thead th { text-transform: uppercase; letter-spacing: .03em; }
[data-direction="signal"] .tb-plan--featured { box-shadow: 8px 8px 0 var(--color-primary); border-width: 3px; }
[data-direction="signal"] .tb-plan__flag { text-transform: uppercase; letter-spacing: .04em; }
[data-direction="signal"] .tb-teaser { background: var(--color-primary); border-color: var(--color-border-strong); --color-text-muted: oklch(0.3 0.03 95); --color-eyebrow: oklch(0.16 0.005 260); }
[data-direction="signal"] .tb-teaser .tb-btn--primary { background: var(--color-text); border-color: var(--color-text); color: var(--color-primary); }
[data-direction="signal"] .tb-stats b { font-size: var(--font-size-2xl); line-height: 1; }
[data-direction="signal"] .tb-results { border-top-width: 4px; }
[data-direction="signal"] .tb-classgroup { border-color: var(--color-border-strong); }
[data-direction="signal"] .tb-model__card--main { box-shadow: 8px 8px 0 var(--color-primary); }
@container site (min-width: 64rem) {
  [data-direction="signal"] .tb-hero { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--space-7); align-items: end; }
  [data-direction="signal"] .tb-features { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
}