/*
 * Theme Name:  Merrysbook Child
 * Description: Tema WooCommerce Merrysbook yang responsif untuk katalog buku medis dan toko online.
 * Template:          storefront
 * Version:           1.0.4
 * Author:            ArifTech
 * Author URI:        https://ariftech.my.id
 * Requires at least: 6.5
 * Requires PHP:      8.0
 * Text Domain:       merrysbook-child
 * License:           GNU General Public License v2 or later
 */

/*
 * HOW TO INSTALL
 * --------------
 * 1. Zip the entire `merrysbook-child` folder.
 * 2. Upload via WordPress Admin -> Appearance -> Themes -> Add New -> Upload Theme.
 * 3. Activate the child theme.
 * 4. Set your WhatsApp number in Appearance -> Customize -> "Merrysbook Theme Settings".
 *
 * All customization lives in:
 *   assets/css/custom.css  - visual styles
 *   assets/js/custom.js    - interactive behaviour
 *   functions.php          - PHP hooks & WooCommerce modifications
 */

/* ============================================================
   CSS CUSTOM PROPERTIES - Design Tokens
   ============================================================
   These variables are the single source of truth for the
   brand palette and spacing system. Edit here to retheme.
   ============================================================ */
:root {
  /* Brand */
  --color-accent:       #244233;
  --color-accent-dark:  #1c3428;
  --color-accent-light: rgba(36, 66, 51, 0.12);

  /* Neutrals - from SVRG.id source: primary text #171717, text-light #5c5c5c */
  --color-text:         #171717;
  --color-text-light:   #5c5c5c;
  --color-bg:           #ffffff;
  --color-bg-alt:       #f7f7f7;
  --color-border:       #e4e4e4;

  /* Feedback - SVRG.id accent red: #dc2626 */
  --color-error:        #dc2626;
  --color-sale:         #dc2626;
  --color-success:      #244233;
  --color-whatsapp:     #25D366;
  --color-whatsapp-dk:  #1ea952;

  /* Radii - SVRG.id buttons use border-radius 6px */
  --radius-none:  0px;
  --radius-sm:    4px;
  --radius-md:    6px;
  --radius-pill:  100px;

  /* Shadows */
  --shadow-card:   0 2px 12px rgba(0, 0, 0, 0.07);
  --shadow-hover:  0 8px 32px rgba(0, 0, 0, 0.13);
  --shadow-sticky: 0 2px 16px rgba(0, 0, 0, 0.08);

  /* Typography - Inter, SVRG.id body: 16px / 22px / -0.48px */
  --font-sans:       'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-size-base:  16px;
  --line-height:     1.6;

  /* Motion */
  --transition: 0.22s ease;

  /* Layout - SVRG.id page width 1470px, margin 30px */
  --max-width: 1440px;
}