/**
 * SUNTECH Shop — Mecha tokens (light theme, no video)
 * Override template-shop sau shop-tokens.css
 */

:root {
  --steel: #143052;
  --steel-dark: #0b243b;
  --orange: #e36c09;
  --cyan: #00aeef;
  --yellow: #fdb813;
  --blue: #0072bc;
  --bg: #ffffff;
  --bg-muted: #f5f7fa;
  --surface: rgba(255, 255, 255, 0.94);
  --surface-solid: #ffffff;
  --border-mecha: rgba(0, 114, 188, 0.2);
  --text-mecha: #1a2230;
  --heading-mecha: #0b243b;
  --muted-mecha: #6b7b8c;

  /* Font: kế thừa Montserrat / Roboto / Exo 2 từ shop-tokens.css */
  --font-mono: var(--font-tech);

  --foreground: var(--text-mecha);
  --muted-foreground: var(--muted-mecha);
  --background: var(--bg);
  --background-muted: var(--bg-muted);
  --border: var(--border-mecha);

  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;

  --clip-panel: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  --clip-card: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
  --clip-logo: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
  --shadow-logo-ring: 0 0 2px rgba(0, 174, 239, 0.45);
  --shadow-logo-soft: 0 4px 14px rgba(0, 174, 239, 0.32);
  --shadow-logo-glow: 0 0 14px rgba(0, 174, 239, 0.22);
  --clip-btn: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
  --clip-header: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
  --clip-sm: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%);
}

body.no-motion .mecha-bg .orb {
  animation: none;
}

body.no-motion .shop-slider__track {
  transition: none;
}