/*
Theme Name: YOKO Pet World
Theme URI: https://yokopetworld.com
Description: Custom theme cho YOKO Pet World - thương hiệu chăm sóc thú cưng
Version: 1.0.0
Author: Miracle
Text Domain: yoko-pet-world
*/

/* =============================================
   CSS CUSTOM PROPERTIES (dễ thay đổi màu sắc)
   ============================================= */
:root {
  /* ── Brand Palette ── */
  --color-primary:        #02a8dd;   /* Cyan (PRIMARY) */
  --color-primary-dark:   #0191c0;
  --color-primary-light:  #e0f5fc;

  --color-accent:         #FF4D4D;   /* Poppy Red */
  --color-accent-dark:    #e63c3c;
  --color-accent-light:   #ffe8e8;

  /* 5 brand colors — dùng cho product cards, badges, accents */
  --color-coral-pink:     #F4A7B9;
  --color-coral-pink-bg:  #fceef3;
  --color-baby-blue:      #ADE1F5;
  --color-baby-blue-bg:   #e5f6fd;
  --color-mint-green:     #A7E4A8;
  --color-mint-green-bg:  #e7f7e7;
  --color-sunny-yellow:   #FFD700;
  --color-sunny-yellow-bg:#fff8cc;
  --color-poppy-red:      #FF4D4D;
  --color-poppy-red-bg:   #ffe8e8;

  /* Neutrals */
  --color-text:           #2C3E50;
  --color-text-medium:    #5D6D7E;
  --color-text-light:     #95A5A6;
  --color-bg:             #FEFEFE;
  --color-bg-alt:         #f0fafd;
  --color-border:         #cceefa;
  --color-white:          #FFFFFF;

  /* Typography */
  --font-main:            'Montserrat', sans-serif;
  --font-heading:         'Baloo Tammudu 2', sans-serif;

  /* Spacing */
  --container-max:        1200px;
  --section-py:           80px;
  --border-radius:        14px;
  --border-radius-sm:     8px;
  --border-radius-lg:     20px;

  /* Shadows */
  --shadow-sm:            0 2px 8px rgba(2, 168, 221, 0.08);
  --shadow-md:            0 4px 20px rgba(2, 168, 221, 0.14);
  --shadow-lg:            0 8px 40px rgba(2, 168, 221, 0.20);

  /* Transitions */
  --transition:           all 0.25s ease;
}