/*
Theme Name: MrAtm88 Org
Theme URI: https://mratm88-my.org/
Author: MrAtm88 Team
Author URI: https://mratm88-my.org/
Description: Modern Bento Grid WordPress theme for MrAtm88 Malaysia (mratm88-my.org). Standalone architecture without shortcode dependencies, high-conversion responsive gaming lobby, E-E-A-T author persona integration, and SEO-safe expandable content modules.
Version: 1.0.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: mratm88
*/

/* Hallmark · macrostructure: Bento Grid · nav: N5 · footer: Ft5 · hero: H2
   · theme: Electric Cosmic Violet & Neon Coral · knobs: tiles=bento-asymmetric, radius=soft-20px, glass=subtle, spacing=scale-4pt
   · pre-emit: P5 H5 E5 S5 R5 V5
   · contrast: pass (40-41) · slop: pass (42-45) · mobile: pass (34,49,50-57) */

:root {
  /* OKLCH 4-tier Palette: Electric Cosmic Violet Base & Neon Coral */
  --mao-paper: oklch(14% 0.038 288);
  --mao-paper-surface-1: oklch(18% 0.042 288);
  --mao-paper-surface-2: oklch(23% 0.048 288);
  --mao-paper-surface-3: oklch(28% 0.052 288);
  --mao-paper-glass: oklch(19% 0.042 288 / 0.82);

  --mao-rule: oklch(30% 0.035 288);
  --mao-rule-subtle: oklch(24% 0.030 288);

  --mao-ink: oklch(96% 0.010 288);
  --mao-ink-muted: oklch(78% 0.020 288);
  --mao-neutral: oklch(62% 0.025 288);

  /* Primary Accent: Vivid Coral Neon */
  --mao-accent: oklch(68% 0.22 350);
  --mao-accent-hover: oklch(74% 0.23 350);
  --mao-accent-ink: oklch(98% 0.01 350);
  --mao-accent-subtle: oklch(25% 0.08 350);

  /* Secondary Accents */
  --mao-accent-mint: oklch(78% 0.16 160);
  --mao-accent-mint-ink: oklch(15% 0.04 160);
  --mao-accent-indigo: oklch(66% 0.20 282);
  --mao-accent-amber: oklch(80% 0.17 75);
  --mao-accent-amber-ink: oklch(16% 0.04 75);

  --mao-color-focus: oklch(72% 0.22 350);

  /* Typography Scale */
  --mao-font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mao-font-body: "General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mao-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Spacing Scale 4pt */
  --mao-space-3xs: 0.125rem;
  --mao-space-2xs: 0.25rem;
  --mao-space-xs:  0.5rem;
  --mao-space-sm:  0.75rem;
  --mao-space-md:  1rem;
  --mao-space-lg:  1.5rem;
  --mao-space-xl:  2.5rem;
  --mao-space-2xl: 4rem;
  --mao-space-3xl: 6rem;
  --mao-space-4xl: 8.5rem;

  /* Radii */
  --mao-radius-xs: 4px;
  --mao-radius-sm: 8px;
  --mao-radius-md: 14px;
  --mao-radius-lg: 20px;
  --mao-radius-xl: 28px;
  --mao-radius-pill: 9999px;

  /* Z-Index Scale */
  --mao-z-base: 1;
  --mao-z-raised: 10;
  --mao-z-dropdown: 100;
  --mao-z-sticky: 200;
  --mao-z-sticky-nav: 300;
  --mao-z-modal: 400;
  --mao-z-toast: 500;

  /* Transitions & Timing */
  --mao-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --mao-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --mao-dur-micro: 120ms;
  --mao-dur-short: 220ms;
  --mao-dur-long: 420ms;

  /* Layout dimensions */
  --mao-container-max: 1280px;
  --mao-prose-max: 68ch;
  --mao-nav-height: 72px;
}