/* ambach-engineering — shared design tokens */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap');

:root {
  --ae-bg: oklch(0.16 0.005 240);
  --ae-bg-2: oklch(0.18 0.005 240);
  --ae-surface: oklch(0.21 0.006 240);
  --ae-surface-2: oklch(0.24 0.007 240);
  --ae-line: oklch(0.30 0.008 240);
  --ae-line-soft: oklch(0.26 0.007 240);
  --ae-text: oklch(0.96 0.005 240);
  --ae-muted: oklch(0.72 0.008 240);
  --ae-dim: oklch(0.55 0.008 240);

  --ae-accent: oklch(0.86 0.18 130);   /* signal lime */
  --ae-accent-2: oklch(0.78 0.16 130);
  --ae-warn: oklch(0.82 0.16 70);      /* amber for status */
  --ae-bad: oklch(0.70 0.20 25);

  --ae-display: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --ae-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --ae-serif: "Newsreader", "Iowan Old Style", "Apple Garamond", Georgia, serif;
}

.ae-root {
  background: var(--ae-bg);
  color: var(--ae-text);
  font-family: var(--ae-display);
  font-feature-settings: "ss01", "cv11", "tnum";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.ae-mono { font-family: var(--ae-mono); font-variant-numeric: tabular-nums; }
.ae-serif { font-family: var(--ae-serif); }

.ae-root *::-webkit-scrollbar { display: none; }
.ae-root * { scrollbar-width: none; }

/* a faint baseline grid available to any direction */
.ae-grid-bg {
  background-image:
    linear-gradient(to right, oklch(0.22 0.006 240 / 0.55) 1px, transparent 1px),
    linear-gradient(to bottom, oklch(0.22 0.006 240 / 0.55) 1px, transparent 1px);
  background-size: 56px 56px;
}

/* universal placeholder - subtle stripes */
.ae-placeholder {
  background:
    repeating-linear-gradient(
      135deg,
      oklch(0.22 0.006 240) 0,
      oklch(0.22 0.006 240) 8px,
      oklch(0.20 0.006 240) 8px,
      oklch(0.20 0.006 240) 16px
    );
  border: 1px solid var(--ae-line-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ae-mono);
  font-size: 11px;
  color: var(--ae-dim);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Logo wordmark — uses the supplied ambach-engineering logo PNG.
   Original is dark-on-transparent; on dark surfaces we invert it. */
.ae-logo {
  display: inline-flex;
  align-items: center;
  height: 26px;
}
.ae-logo img {
  height: 100%;
  width: auto;
  display: block;
  /* invert dark logo to light, then desaturate slightly */
  filter: invert(1) brightness(1.05);
}

@keyframes ae-pulse {
  0%, 100% { opacity: 0.9; }
  50% { opacity: 0.35; }
}
@keyframes ae-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@keyframes ae-scan {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes ae-shift {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}