/**
 * Modernize — design tokens
 * @author Venus <https://venus.tr>
 *
 * Defaults only. layouts/*.tpl overrides the brand colours, backgrounds, font and radius
 * from the theme settings in an inline :root block printed after this file.
 */
:root {
  --mz-primary: #f2541b;
  --mz-primary-rgb: 242, 84, 27;
  --mz-secondary: #121417;
  --mz-secondary-rgb: 18, 20, 23;
  --mz-accent: #2250e0;
  --mz-accent-rgb: 34, 80, 224;
  /* "success" states (paid, active, online) use blue: the palette carries no green */
  --mz-success: #1c7ed6;
  --mz-success-rgb: 28, 126, 214;
  --mz-warning-color: #e8590c;
  --mz-amber: #f5a524;

  --mz-font-family: "Onest Variable", "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mz-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --mz-font-size-base: 0.9375rem;

  --mz-body-color: #3d424a;
  --mz-heading-color: #15171a;
  --mz-muted-color: #5e636b;
  --mz-faint-color: #8b9098;
  --mz-body-bg: #f6f4f0;
  --mz-surface-bg: #ffffff;
  --mz-surface-alt: #efebe5;
  --mz-surface-2: #efebe5;
  --mz-surface-3: #e6e1d9;
  --mz-border-color: #e3ded6;
  --mz-border-strong: #cfc8bd;

  --mz-ink-base: #121417;
  --mz-ink: var(--mz-ink-base);
  --mz-on-ink: #f4f1ec;
  --mz-on-ink-muted: #a3a8b0;
  --mz-chrome-bg: var(--mz-ink);
  --mz-chrome-bg-deep: color-mix(in srgb, var(--mz-ink) 70%, #000);
  --mz-chrome-color: #f4f1ec;
  --mz-chrome-muted: #a3a8b0;
  --mz-chrome-border: rgba(255, 255, 255, 0.1);

  --mz-radius: 10px;
  --mz-radius-sm: 8px;
  --mz-radius-card: 14px;
  --mz-radius-lg: 20px;
  --mz-radius-xl: 28px;
  --mz-container: 1320px;
  --mz-header-h: 76px;
  --mz-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}
[data-bs-theme="dark"] {
  --mz-primary-text: color-mix(in srgb, var(--mz-primary) 70%, white);
  --mz-body-color: #c9ccd2;
  --mz-heading-color: #f1eee9;
  --mz-muted-color: #a4a9b1;
  --mz-faint-color: #7d828a;
  --mz-body-bg: #0e0f11;
  --mz-surface-bg: #16181b;
  --mz-surface-alt: #1d2024;
  --mz-surface-2: #1d2024;
  --mz-surface-3: #262a2f;
  --mz-border-color: #2a2e34;
  --mz-border-strong: #3a3f46;
  --mz-success: #5aa9ff;
  --mz-success-rgb: 90, 169, 255;
  --mz-ink: color-mix(in srgb, var(--mz-ink-base, #121417) 45%, #000);
}