/*
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 Colors */
  --color-primary:        #5BA99A;
  --color-primary-dark:   #4A9186;
  --color-primary-light:  #EAF5F3;
  --color-accent:         #F47C5A;
  --color-accent-dark:    #E06040;
  --color-accent-light:   #FEF0EB;

  /* Neutrals */
  --color-text:           #2C3E50;
  --color-text-medium:    #5D6D7E;
  --color-text-light:     #95A5A6;
  --color-bg:             #FEFCF9;
  --color-bg-alt:         #F4FAF9;
  --color-border:         #E0ECEA;
  --color-white:          #FFFFFF;

  /* Typography */
  --font-main:            'Roboto', 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(91, 169, 154, 0.08);
  --shadow-md:            0 4px 20px rgba(91, 169, 154, 0.12);
  --shadow-lg:            0 8px 40px rgba(91, 169, 154, 0.16);

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