/* Direction: floodlit night match — deep turf green canvas, electric lime floodlight accent, bold condensed sporty display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  color-scheme: dark;
  --canvas: #0b1f16;
  --surface: #12291d;
  --surface-2: #17351f;
  --border: #26462f;
  --border-strong: #54625c;
  --ink: #eef7ef;
  --muted: #a7c2b3;
  --accent: #c6f24e;
  --accent-hover: #cff469;
  --accent-ink: #0b1f16;
  --accent-text: #b6ec2c;
  --accent-strong: #dbff7a;
  --accent-soft: #23391f;
  --accent-border: #5f7e2f;
  --success: #4ade80;
  --success-ink: #ffffff;
  --success-soft: #19492d;
  --success-strong: #4ade80;
  --warning: #fbbf24;
  --warning-ink: #ffffff;
  --warning-soft: #404219;
  --warning-strong: #fbbf24;
  --danger: #f87171;
  --danger-ink: #ffffff;
  --danger-soft: #3f312a;
  --danger-strong: #f87171;
  --chart-1: #c6f24e;
  --chart-2: #24dac6;
  --chart-3: #7fc6fd;
  --chart-4: #ed98fc;
  --chart-5: #fba2a0;
  --chart-6: #f2b114;

  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --display-tracking: 0.01em;
  --radius-card: 18px;
  --radius-btn: 10px;
  --shadow-card: 0 20px 45px -22px rgba(0, 0, 0, 0.65);
  --x-night: #051009;
  --x-glow: radial-gradient(circle at 50% 0%, rgba(198, 242, 78, 0.16), transparent 60%);
  --x-on-photo: #f5fbf1;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --display-weight: 700;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="light"] {
  color-scheme: light;
  --canvas: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f4f3;
  --border: #dde0de;
  --border-strong: #b6bcb9;
  --ink: #0b1f16;
  --muted: #646f6a;
  --accent: #a7cd42;
  --accent-hover: #8eae38;
  --accent-ink: #0b1f16;
  --accent-text: #5e7225;
  --accent-strong: #5e7225;
  --accent-soft: #f3f8e5;
  --accent-border: #d7e9aa;
  --success: #4ade80;
  --success-ink: #0b1f16;
  --success-soft: #e9fbf0;
  --success-strong: #297b48;
  --warning: #fbbf24;
  --warning-ink: #0b1f16;
  --warning-soft: #fff7e5;
  --warning-strong: #8d6b14;
  --danger: #f87171;
  --danger-ink: #0b1f16;
  --danger-soft: #feeeee;
  --danger-strong: #a44b4b;
  --chart-1: #7e9f17;
  --chart-2: #11a293;
  --chart-3: #1b7fbf;
  --chart-4: #ad7de5;
  --chart-5: #bc466c;
  --chart-6: #cd7c1a;
}

/*
 * app.css — AK Turf landing page.
 */

.x-stripes {
  background-image: repeating-linear-gradient(
    -45deg,
    var(--accent) 0,
    var(--accent) 2px,
    transparent 2px,
    transparent 22px
  );
  opacity: 0.5;
}

.x-glow {
  background-image: var(--x-glow);
}

.x-floodlight {
  box-shadow: 0 0 0 0 rgba(198, 242, 78, 0.5);
  animation: x-pulse 2.6s ease-in-out infinite;
}

@keyframes x-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(198, 242, 78, 0.35);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(198, 242, 78, 0);
  }
}

html.reduced-motion .x-floodlight {
  animation: none;
}