/*
 * Bi'Tişört v4.0.8 — Global Design Tokens
 * Editorial/minimal foundation adapted from the supplied reference system.
 * This file intentionally defines the visual language without forcing a full redesign.
 */
:root {
  /* Brand + ink */
  --bt-color-carbon: #151515;
  --bt-color-ink: #171717;
  --bt-color-paper: #ffffff;
  --bt-color-smoke: #333333;
  --bt-color-muted: #6f6a64;
  --bt-color-line: #e9e2da;
  --bt-color-soft-mist: #e5e7eb;
  --bt-color-warm-fog: #f0efe7;
  --bt-color-blush-sand: #f5ebd5;
  --bt-color-pale-tide: #badce4;
  --bt-color-accent: #ff6b18;
  --bt-color-accent-hover: #e85c0a;
  --bt-color-accent-soft: #fff1e8;

  /* Semantic surfaces */
  --bt-surface-page: #ffffff;
  --bt-surface-subtle: #fbfaf8;
  --bt-surface-soft: var(--bt-color-soft-mist);
  --bt-surface-warm: var(--bt-color-warm-fog);
  --bt-surface-highlight: var(--bt-color-blush-sand);
  --bt-surface-dark: var(--bt-color-carbon);
  --bt-text-primary: var(--bt-color-ink);
  --bt-text-secondary: var(--bt-color-muted);
  --bt-border-subtle: var(--bt-color-line);
  --bt-action-primary: var(--bt-color-accent);
  --bt-action-primary-hover: var(--bt-color-accent-hover);

  /* Typography — Inter is the safe Bi'Tişört substitute for Favorit */
  --bt-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bt-font-weight-regular: 400;
  --bt-font-weight-medium: 500;
  --bt-font-weight-semibold: 600;
  --bt-font-weight-bold: 700;
  --bt-font-weight-black: 900;

  --bt-text-xs: 11px;
  --bt-text-sm: 12px;
  --bt-text-body: 14px;
  --bt-text-base: 16px;
  --bt-text-heading: 20px;
  --bt-text-display: 30px;
  --bt-text-hero: clamp(36px, 4vw, 52px);
  --bt-leading-tight: 1.2;
  --bt-leading-body: 1.45;
  --bt-leading-relaxed: 1.65;
  --bt-tracking-ui: .025em;
  --bt-tracking-heading: .02em;

  /* 4px spacing rhythm */
  --bt-space-1: 4px;
  --bt-space-2: 8px;
  --bt-space-3: 12px;
  --bt-space-4: 16px;
  --bt-space-5: 20px;
  --bt-space-6: 24px;
  --bt-space-8: 32px;
  --bt-space-10: 40px;
  --bt-space-12: 48px;
  --bt-space-16: 64px;
  --bt-space-20: 80px;

  /* Layout */
  --bt-page-max: 1440px;
  --bt-shell-max: 1400px;
  --bt-section-gap: 64px;
  --bt-card-padding: 16px;
  --bt-element-gap: 8px;
  --bt-page-gutter-desktop: 28px;
  --bt-page-gutter-tablet: 18px;
  --bt-page-gutter-mobile: 14px;

  /* Editorial geometry */
  --bt-radius-none: 0px;
  --bt-radius-editorial: 4px;
  --bt-radius-control: 4px;
  --bt-radius-pill: 999px;
  --bt-border-hairline: 1px solid var(--bt-border-subtle);
  --bt-shadow-none: none;

  /* Motion */
  --bt-duration-fast: 160ms;
  --bt-duration-normal: 220ms;
  --bt-ease-standard: cubic-bezier(.2,.7,.2,1);
}

/* Compatibility aliases: current public shell can consume the new system immediately. */
:root {
  --bts-bg: var(--bt-surface-subtle);
  --bts-line: var(--bt-border-subtle);
  --bts-ink: var(--bt-text-primary);
  --bts-muted: var(--bt-text-secondary);
  --bts-accent: var(--bt-action-primary);
  --bts-dark: var(--bt-surface-dark);
}

/* Low-specificity foundation. Existing page CSS still wins until each section is migrated. */
:where(html) {
  color-scheme: light;
  font-family: var(--bt-font-sans);
}
:where(body) {
  color: var(--bt-text-primary);
  font-family: var(--bt-font-sans);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Reusable primitives for the next migration phases. */
.bt-editorial-container {
  width: min(var(--bt-page-max), calc(100% - (var(--bt-page-gutter-desktop) * 2)));
  margin-inline: auto;
}
.bt-editorial-section { margin-block: var(--bt-section-gap); }
.bt-editorial-hairline { border-color: var(--bt-border-subtle); border-style: solid; border-width: 1px 0 0; }
.bt-editorial-surface-soft { background: var(--bt-surface-soft); }
.bt-editorial-surface-warm { background: var(--bt-surface-warm); }
.bt-editorial-surface-highlight { background: var(--bt-surface-highlight); }
.bt-editorial-ghost-action,
.bt-editorial-primary-action {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  border-radius: var(--bt-radius-control);
  font: var(--bt-font-weight-semibold) var(--bt-text-sm)/1 var(--bt-font-sans);
  letter-spacing: var(--bt-tracking-ui);
  text-decoration: none;
  transition: background var(--bt-duration-fast) var(--bt-ease-standard), color var(--bt-duration-fast) var(--bt-ease-standard), border-color var(--bt-duration-fast) var(--bt-ease-standard);
}
.bt-editorial-ghost-action {
  border: 1px solid var(--bt-color-carbon);
  background: transparent;
  color: var(--bt-color-carbon);
}
.bt-editorial-primary-action {
  border: 1px solid var(--bt-action-primary);
  background: var(--bt-action-primary);
  color: #fff;
}
.bt-editorial-primary-action:hover { background: var(--bt-action-primary-hover); border-color: var(--bt-action-primary-hover); }

@media (max-width: 900px) {
  .bt-editorial-container { width: calc(100% - (var(--bt-page-gutter-tablet) * 2)); }
  :root { --bt-section-gap: 52px; }
}
@media (max-width: 600px) {
  .bt-editorial-container { width: calc(100% - (var(--bt-page-gutter-mobile) * 2)); }
  :root { --bt-section-gap: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --bt-duration-fast: 0ms; --bt-duration-normal: 0ms; }
}


/* v4.0.8.1 — Editorial header tokens */
:root {
  --bt-announcement-bg: #000000;
  --bt-announcement-text: #ffffff;
  --bt-announcement-accent: var(--bt-color-accent);
  --bt-announcement-height: 28px;
  --bt-announcement-font-size: 10px;
  --bt-header-bg: #ffffff;
  --bt-header-text: var(--bt-color-carbon);
  --bt-header-height: 68px;
  --bt-header-mobile-height: 58px;
  --bt-header-link-size: 11px;
  --bt-header-control-radius: var(--bt-radius-editorial);
  --bt-header-hairline: #d8d8d8;
}