/*
Theme Name: Showroom VW Design
Theme URI: https://example.com/
Author: Showroom
Description: Giao diện showroom độc lập, có thể dùng cùng hoặc không cùng Showroom Core và Showroom Popups.
Version: 1.4.1
Text Domain: showroom-vw-design
*/

:root {
  --vws-primary: #005bc0;
  --vws-dark: #001e50;
  --vws-surface: #f8f9ff;
  --vws-pale: #e5eeff;
  --vws-badge: #dce9ff;
  --vws-footer: #eff4ff;
  --vws-hotline: #cbdbf5;
  --vws-text: #0b1c30;
  --vws-muted: #555b65;
}

body { margin: 0; color: var(--vws-text); font-family: "Plus Jakarta Sans", Arial, sans-serif; }
.vs-theme-main { width: 100%; max-width: 1120px; min-height: 55vh; margin: 0 auto; padding: 64px 24px; }
.vs-theme-main img { max-width: 100%; height: auto; }
.vs-theme-article { color: var(--vws-muted); font-size: 16px; line-height: 1.75; }
.vs-theme-article h1 { color: var(--vws-text); font-size: clamp(32px,4vw,48px); line-height: 1.2; }
.vs-theme-list { display: grid; gap: 24px; }
.vs-theme-list article { padding: 24px; border: 1px solid #e2e8f0; border-radius: 16px; }
.vs-theme-list h2 { margin-top: 0; }
.vs-theme-list a { color: inherit; text-decoration: none; }