/* ════════════════════════════════════════════════════════════════
   Symbiosis.DataHub — warm editorial palette
   Layer A foundation per BRIEF Приложение A
   ════════════════════════════════════════════════════════════════ */

:root {
  /* === Surface (warm cream layered) === */
  --surface-canvas: #F5F2ED;
  --surface-elevated: #FFFFFF;
  --surface-sunken: #EDE9E2;
  --surface-overlay: rgba(31, 27, 22, 0.6);

  /* === Text (warm dark) === */
  --text-primary: #1F1B16;
  --text-secondary: #5C544A;
  --text-tertiary: #8A7F70;
  --text-inverse: #F5F2ED;

  /* === Brand bronze === */
  --brand-bronze: #B8855D;
  --brand-bronze-hover: #A6764F;
  --brand-bronze-deep: #8E6440;
  --brand-bronze-subtle: #EDD9C2;

  /* === Identity hues (multi-tint discipline) === */
  --hue-purple: #8B5FBF;
  --hue-purple-subtle: #EDE2F5;
  --hue-emerald: #6B8E5A;
  --hue-emerald-subtle: #E3ECDD;
  --hue-amber: #C28F3D;
  --hue-amber-subtle: #F4E8CE;
  --hue-rose: #B85A4A;
  --hue-rose-subtle: #F4DBD5;
  --hue-info: #6B7B8E;
  --hue-info-subtle: #DDE3EA;

  /* === Semantic === */
  --success: #6B8E5A;
  --warning: #C28F3D;
  --danger: #B85A4A;
  --info: #6B7B8E;

  /* === Borders === */
  --border-subtle: #E5DFD5;
  --border-default: #D4CCBE;
  --border-strong: #8A7F70;

  /* === Type === */
  --font-display: 'Playfair Display', 'Tinos', Georgia, serif;
  --font-sans: 'Inter', -apple-system, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
  --font-serif-body: 'Source Serif 4', Georgia, serif;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-lg: 1.0625rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;

  /* === Spacing === */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* === Shadows (warm-brown undertone) === */
  --shadow-xs: 0 1px 2px rgba(31, 27, 22, 0.04);
  --shadow-sm: 0 2px 4px rgba(31, 27, 22, 0.06);
  --shadow-md: 0 4px 12px rgba(31, 27, 22, 0.08);
  --shadow-lg: 0 12px 32px rgba(31, 27, 22, 0.12);
  --shadow-xl: 0 24px 64px rgba(31, 27, 22, 0.16);
  --shadow-card: 0 6px 24px -16px rgba(31, 27, 22, 0.12);

  /* === Radius === */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* === Layout === */
  --header-h: 64px;
  --commandbar-h: 56px;

  /* === Timings === */
  --ease-card: cubic-bezier(.2,.8,.2,1);
  --ease-snap: cubic-bezier(.3,.7,.4,1);
}

[data-theme="dark"] {
  --surface-canvas: #1A1612;
  --surface-elevated: #221D17;
  --surface-sunken: #14110D;

  --text-primary: #F5F2ED;
  --text-secondary: #C9BFB1;
  --text-tertiary: #8A7F70;

  --brand-bronze-subtle: #2E2419;
  --hue-purple-subtle: #2A1E38;
  --hue-emerald-subtle: #1F2A1A;
  --hue-amber-subtle: #2E2412;
  --hue-rose-subtle: #2E1A16;
  --hue-info-subtle: #1A2028;

  --border-subtle: #2E2924;
  --border-default: #3D362E;
  --border-strong: #5C544A;

  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 6px 24px -16px rgba(0, 0, 0, 0.6);
}