/*
Theme Name:   1988 Media Child
Theme URI:    https://1988media.vn
Description:  Child theme chính thức của 1988 Media — AI Agency
Author:       1988 Media
Author URI:   https://1988media.vn
Template:     twentytwentyfour
Version:      1.0.0
Text Domain:  1988media
*/

/* === 1988 Media Design System — Global CSS Variables === */
:root {
  --red: #E8192C;
  --red-dim: rgba(232,25,44,0.12);
  --red-hover: #c41224;
  --black: #070708;
  --b2: #0F0F11;
  --b3: #161618;
  --b4: #1E1E21;
  --white: #F5F5F7;
  --w60: rgba(245,245,247,0.6);
  --w30: rgba(245,245,247,0.3);
  --w08: rgba(245,245,247,0.08);
  --w04: rgba(245,245,247,0.04);
  --border: rgba(245,245,247,0.08);
  --white-dim: rgba(245,245,247,0.6);
  --white-faint: rgba(245,245,247,0.08);
  --f: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
  --fm: 'SF Mono', SFMono-Regular, Menlo, Monaco, 'Courier New', monospace;
  --r8: 8px; --r12: 12px; --r14: 14px; --r20: 20px;
}
*, *::before, *::after { box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: hidden;
}

/* Override WordPress TwentyTwentyFour parent theme */
body,
body.home,
body.page,
body.single,
body.archive {
  background: #070708 !important;
  background-color: #070708 !important;
  color: #F5F5F7 !important;
  font-family: var(--f) !important;
  line-height: 1.6 !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* Override WP block editor color presets */
:root {
  --wp--preset--color--base: #070708 !important;
  --wp--preset--color--contrast: #F5F5F7 !important;
}

h1, h2, h3, h4, h5, h6 { color: #F5F5F7 !important; }
p { color: rgba(245,245,247,0.6); }
th { color: #F5F5F7 !important; }
td { color: rgba(245,245,247,0.85) !important; }
a { color: inherit; }

/* Hide WordPress admin bar spacing on frontend */
.wp-block-group,
.wp-block,
.entry-content {
  background: transparent !important;
  color: inherit !important;
}