/*
 * Theme Name:  Paradise Child Theme
 * Description: Premium WooCommerce child theme for Paradise Streetwear — clean white header, streetwear aesthetic.
 * Template:    storefront
 * Version:     1.0.0
 * Author:      ArifTech
 * Author URI:  https://ariftech.my.id
 * Text Domain: paradise-child
 * License:     GNU General Public License v2 or later
 */

/*
 * HOW TO INSTALL
 * --------------
 * 1. Zip the entire `svrg-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 → "Paradise 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;
}