/* mb-tokens — Mim Bytes tasarım sistemi (tek doğruluk kaynağı). Bileşen CSS'inde ham HEX yok. */
:root {
  color-scheme: dark;

  --mb-font-display: 'Archivo', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --mb-font-body: 'IBM Plex Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --mb-font-mono: 'IBM Plex Mono', 'Cascadia Mono', 'Consolas', ui-monospace, monospace;

  --mb-bg-sunken: #06080B; --mb-bg-base: #0A0D12; --mb-bg-inset: #0D1117;
  --mb-bg-elevated: #11151C; --mb-bg-overlay: #171C25;
  --mb-bg-scrim: rgba(6, 8, 11, .72);
  --mb-grid-line: rgba(255, 255, 255, .045);
  --mb-hover-tint: rgba(255, 255, 255, .05);
  --mb-row-hover: rgba(255, 255, 255, .04);

  --mb-text-primary: #F2F5F9; --mb-text-secondary: #A9B4C2;
  --mb-text-muted: #7A8698; --mb-text-disabled: #4E5867;
  --mb-text-inverse: #0A0D12; --mb-text-on-brand: #FFFFFF;

  --mb-border-subtle: #1C232D; --mb-border-default: #2A323E;
  --mb-border-strong: #3D4756; --mb-border-brand: #E5222D;

  --mb-brand-300: #FF7A80; --mb-brand-400: #FF5A62; --mb-brand-500: #E5222D;
  --mb-brand-600: #C4141F; --mb-brand-700: #9E0F18;
  --mb-brand: var(--mb-brand-500);
  --mb-brand-text: var(--mb-brand-300);
  --mb-brand-hover: #F0353F; --mb-brand-pressed: #C4141F;
  --mb-brand-subtle-bg: rgba(229, 34, 45, .12);
  --mb-brand-subtle-border: rgba(229, 34, 45, .30);
  --mb-brand-focus-ring: rgba(229, 34, 45, .45);
  --mb-brand-glow: 0 0 40px -8px rgba(229, 34, 45, .55);

  /* ürün aksanı: PDKS camgöbeği — bu üründe birincil eylem rengi */
  --mb-accent: #19B8CE; --mb-accent-text: #3ED0E4;
  --mb-accent-hover: #2FC8DD; --mb-accent-pressed: #12A2B6;
  --mb-accent-subtle: rgba(25, 184, 206, .12);
  --mb-accent-border: rgba(25, 184, 206, .32);
  --mb-accent-focus-ring: rgba(25, 184, 206, .40);
  --mb-accent-glow: 0 0 48px -10px rgba(25, 184, 206, .55);
  --mb-accent-erp: #5B6BFF; --mb-accent-erp-text: #7C87FF; --mb-accent-erp-subtle: rgba(91, 107, 255, .14); --mb-accent-erp-border: rgba(91, 107, 255, .34);
  --mb-accent-iot: #A855F7; --mb-accent-iot-text: #C084FC; --mb-accent-iot-subtle: rgba(168, 85, 247, .13); --mb-accent-iot-border: rgba(168, 85, 247, .32);

  --mb-success: #2ED47A; --mb-success-subtle: rgba(46, 212, 122, .12); --mb-success-border: rgba(46, 212, 122, .32);
  --mb-warning: #F5A524; --mb-warning-subtle: rgba(245, 165, 36, .13); --mb-warning-border: rgba(245, 165, 36, .34);
  --mb-danger: #FF5A62; --mb-danger-subtle: rgba(255, 90, 98, .12); --mb-danger-border: rgba(255, 90, 98, .38);
  --mb-info: #7C87FF; --mb-info-subtle: rgba(124, 135, 255, .12); --mb-info-border: rgba(124, 135, 255, .32);

  --mb-chart-1: #19B8CE; --mb-chart-2: #5B6BFF; --mb-chart-3: #A855F7; --mb-chart-4: #2ED47A;
  --mb-chart-5: #F5A524; --mb-chart-6: #FF7A80; --mb-chart-7: #38D9C0; --mb-chart-8: #8FA3BF;
  --mb-chart-grid: rgba(255, 255, 255, .07); --mb-chart-axis: #7A8698;

  --mb-space-1: 4px; --mb-space-2: 8px; --mb-space-3: 12px; --mb-space-4: 16px; --mb-space-5: 20px;
  --mb-space-6: 24px; --mb-space-8: 32px; --mb-space-10: 40px; --mb-space-12: 48px; --mb-space-16: 64px;

  --mb-radius-xs: 4px; --mb-radius-sm: 6px; --mb-radius-md: 10px; --mb-radius-lg: 14px;
  --mb-radius-xl: 20px; --mb-radius-2xl: 28px; --mb-radius-full: 9999px;

  --mb-elev-1: 0 0 0 1px var(--mb-border-subtle);
  --mb-elev-2: 0 0 0 1px var(--mb-border-default), inset 0 1px 0 rgba(255, 255, 255, .04);
  --mb-elev-3: 0 0 0 1px var(--mb-border-default), 0 16px 40px -12px rgba(0, 0, 0, .65);
  --mb-elev-4: 0 32px 80px -20px rgba(0, 0, 0, .80), inset 0 1px 0 rgba(255, 255, 255, .06);

  --mb-dur-instant: 80ms; --mb-dur-fast: 140ms; --mb-dur-base: 200ms; --mb-dur-slow: 280ms;
  --mb-dur-slower: 400ms; --mb-dur-reveal: 600ms;
  --mb-ease-standard: cubic-bezier(.2, 0, 0, 1);
  --mb-ease-decelerate: cubic-bezier(0, 0, .2, 1);
  --mb-ease-accelerate: cubic-bezier(.4, 0, 1, 1);
  --mb-ease-emphasis: cubic-bezier(.3, 0, 0, 1);

  --mb-logo-dark: url('../img/mim-bytes-logo-white.png');
  --mb-logo-light: url('../img/mim-bytes-logo.png');
}

[data-theme="light"] {
  color-scheme: light;
  --mb-bg-sunken: #EEF1F6; --mb-bg-base: #F7F8FA; --mb-bg-inset: #F4F6F9;
  --mb-bg-elevated: #FFFFFF; --mb-bg-overlay: #FFFFFF;
  --mb-bg-scrim: rgba(13, 18, 25, .48);
  --mb-grid-line: rgba(13, 18, 25, .055);
  --mb-hover-tint: rgba(13, 18, 25, .05);
  --mb-row-hover: rgba(13, 18, 25, .035);
  --mb-text-primary: #0D1219; --mb-text-secondary: #48566B;
  --mb-text-muted: #6B7789; --mb-text-disabled: #A3ABB8;
  --mb-text-inverse: #FFFFFF;
  --mb-border-subtle: #E6EAF0; --mb-border-default: #D2D9E3; --mb-border-strong: #B4BECC;
  --mb-brand-text: var(--mb-brand-600);
  --mb-brand-hover: #C4141F; --mb-brand-pressed: #9E0F18;
  --mb-brand-subtle-bg: #FFF1F2; --mb-brand-subtle-border: #FFC9CC;
  --mb-brand-focus-ring: rgba(229, 34, 45, .35);
  --mb-brand-glow: 0 8px 24px -8px rgba(229, 34, 45, .35);
  --mb-accent: #0A7C8C; --mb-accent-text: #0A7C8C; --mb-accent-hover: #096B79; --mb-accent-pressed: #085A66;
  --mb-accent-subtle: #E2F6F9; --mb-accent-border: #9BD8E2; --mb-accent-focus-ring: rgba(10, 124, 140, .30);
  --mb-accent-glow: 0 8px 24px -8px rgba(10, 124, 140, .35);
  --mb-accent-erp: #3B49D6; --mb-accent-erp-text: #3B49D6; --mb-accent-erp-subtle: #EEF0FF; --mb-accent-erp-border: #C0C6F7;
  --mb-accent-iot: #7C2FD4; --mb-accent-iot-text: #7C2FD4; --mb-accent-iot-subtle: #F5EDFE; --mb-accent-iot-border: #DCC3F5;
  --mb-success: #0A7A45; --mb-success-subtle: #E6F8EF; --mb-success-border: #A8E5C6;
  --mb-warning: #8A5200; --mb-warning-subtle: #FFF4E0; --mb-warning-border: #F0CE92;
  --mb-danger: #C9182C; --mb-danger-subtle: #FFF0F1; --mb-danger-border: #F0B4BA;
  --mb-info: #3B49D6; --mb-info-subtle: #EEF0FF; --mb-info-border: #C3C9FF;
  --mb-chart-grid: rgba(13, 18, 25, .07);
  --mb-elev-1: 0 1px 2px rgba(13, 18, 25, .06), 0 1px 3px rgba(13, 18, 25, .10);
  --mb-elev-2: 0 4px 8px -2px rgba(13, 18, 25, .08), 0 2px 4px -2px rgba(13, 18, 25, .06);
  --mb-elev-3: 0 12px 24px -6px rgba(13, 18, 25, .12), 0 4px 8px -4px rgba(13, 18, 25, .08);
  --mb-elev-4: 0 24px 48px -12px rgba(13, 18, 25, .18);
}