/*
Theme Name:   Blocksy Child Modular
Theme URI:    https://gensys.id/
Description:  Blocksy Child Theme dengan Arsitektur Modular & HTML Injector
Author:       GENSYS
Author URI:   https://gensys.id/
Template:     blocksy
Version:      1.0.0
Text Domain:  blocksy-child-modular
*/

/* ==========================================================================
   DESIGN SYSTEM & CSS VARIABLES GLOBAL
   ========================================================================== */
:root {
    --color-primary: #111111;
    --color-secondary: #ea5a9a;
    --color-accent: #ffcc00;
    --color-bg: #ffffff;
    --color-text: #333333;
    --font-primary: 'Outfit', sans-serif;

    /* Legacy compatibility mappings */
    --gensys-primary: var(--color-primary);
    --gensys-dark: var(--color-secondary);
    --gensys-gray: var(--color-bg);
    --gensys-gold: var(--color-accent);
}

/* Base resets & global styles go here */
body {
    font-family: var(--font-primary);
    background-color: var(--color-bg);
    color: var(--color-text);
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-heading {
  font-family: var(--font-primary);
  font-weight: 700;
}

/* Link and selection accent styles */
a {
  color: var(--color-secondary);
}
::selection {
  background: var(--color-secondary);
  color: var(--color-bg);
}

/* Smooth scrolling site-wide */
html {
  scroll-behavior: smooth;
}

/* full-width sections shouldn't inherit cart/page paddings */
.gensys-section,
.ct-container > .entry-content {
  padding-left: 0;
  padding-right: 0;
}

/* Respect header height on Blocksy-created pages */
.ct-header {
  margin-bottom: 0 !important;
}