/**
 * Moderna — design tokens
 * @author Venus <https://venus.tr>
 *
 * Defaults only. partials/head-assets.tpl overrides the brand colours, backgrounds, font and
 * radius from the theme settings in an inline :root block printed after this file.
 * css/moderna.css derives the design-system tokens (--mn-text, --mn-line, --mn-elev …) from these.
 */
:root {
  --mn-primary: #f4511e;
  --mn-primary-rgb: 244, 81, 30;
  --mn-secondary: #0c0f16;
  --mn-secondary-rgb: 12, 15, 22;
  --mn-accent: #2b62f0;
  --mn-accent-rgb: 43, 98, 240;
  --mn-success: #1c7ed6;
  --mn-success-rgb: 28, 126, 214;
  --mn-warning-color: #e8590c;
  --mn-amber: #f5a524;

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

  --mn-body-color: #3d4553;
  --mn-heading-color: #0c0f16;
  --mn-muted-color: #6c7686;
  --mn-faint-color: #98a1b0;
  --mn-body-bg: #ffffff;
  --mn-surface-bg: #ffffff;
  --mn-surface-alt: #f5f6f8;
  --mn-surface-2: #f5f6f8;
  --mn-surface-3: #eef0f4;
  --mn-border-color: #e4e7ec;
  --mn-border-strong: #cfd4dc;

  --mn-ink-base: #0c0f16;
  --mn-ink: var(--mn-ink-base);
  --mn-on-ink: #f1f3f7;
  --mn-on-ink-muted: #9aa3b2;
  --mn-chrome-bg: var(--mn-ink);
  --mn-chrome-bg-deep: color-mix(in srgb, var(--mn-ink) 70%, #000);
  --mn-chrome-color: #f1f3f7;
  --mn-chrome-muted: #9aa3b2;
  --mn-chrome-border: rgba(255, 255, 255, 0.1);

  --mn-radius: 10px;
  --mn-radius-sm: 7px;
  --mn-radius-card: 14px;
  --mn-radius-lg: 20px;
  --mn-radius-xl: 28px;
  --mn-container: 1280px;
  --mn-header-h: 76px;
  --mn-ease: cubic-bezier(0.4, 0.05, 0.2, 1);
}
[data-bs-theme="dark"] {
  --mn-primary-text: color-mix(in srgb, var(--mn-primary) 70%, white);
  --mn-body-color: #c2c9d5;
  --mn-heading-color: #f1f3f7;
  --mn-muted-color: #8b94a3;
  --mn-faint-color: #6c7686;
  --mn-body-bg: #0b0e14;
  --mn-surface-bg: #151a25;
  --mn-surface-alt: #11151e;
  --mn-surface-2: #11151e;
  --mn-surface-3: #1a202c;
  --mn-border-color: #242c3a;
  --mn-border-strong: #334055;
  --mn-success: #5aa9ff;
  --mn-success-rgb: 90, 169, 255;
  --mn-ink: color-mix(in srgb, var(--mn-ink-base, #0c0f16) 55%, #000);
}