/*
Theme Name: tanshihandicraft
Author: chitvan
Description: Child theme for GeneratePress designed for Tanshi Handicraft customization and custom code enhancements. Used to safely add custom styles, functions, templates, and design modifications without affecting the parent theme updates.
Version: 1.0
Template: generatepress
This is the child theme for GeneratePress theme, generated with Generate Child Theme plugin by catchthemes.
(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* ===================================
          Global Styles
   =================================== */

:root {
 /* ===== COLORS ======== */
  --bg:            #F7F3EE;
  --bg-2:          #EFE7DC;
  --card-bg:       #FFFDF9;
  --text:          #2B2B2B;
  --text-muted:    #7A7268;
  --text-light:    #A89F94;
  --brass:         #B68D40;
  --brass-light:   #D4AD60;
  --brass-dark:    #8A6820;
  --terra:         #C97B63;
  --sage:          #7C8C6C;
  --border:        #E5DED3;
  --border-soft:   #EDE8E2;
  --white:         #FFFDF9;

 /* ===== GRADIENTS ======== */
  --grad-brass: linear-gradient( 135deg, #D4AD60 0%, #B68D40 45%, #8A6820 100% );
  --grad-hero: linear-gradient( 160deg, #F7F3EE 0%, #EFE7DC 60%, #E4D5C0 100% );
  --grad-glow: radial-gradient( ellipse at center, rgba(182,141,64,0.12) 0%, transparent 70% );

 /* ===== TYPOGRAPHY ======== */
  --font-display: 'Cormorant Garamond', serif;
  --font-body:    'Jost', sans-serif;

 /* ===== SPACING ======== */
  --sp-1:   4px;
  --sp-2:   8px;
  --sp-3:   12px;
  --sp-4:   16px;
  --sp-5:   20px;
  --sp-6:   24px;
  --sp-8:   32px;
  --sp-10:  40px;
  --sp-12:  48px;
  --sp-16:  64px;
  --sp-20:  80px;
  --sp-24:  96px;
  --sp-32:  128px;

 /* ===== SHADOWS ======== */
  --shadow-sm:    0 2px 12px rgba(43,35,20,0.06);
  --shadow-md:    0 8px 32px rgba(43,35,20,0.10);
  --shadow-lg:    0 24px 64px rgba(43,35,20,0.14);
  --shadow-card:  0 4px 24px rgba(43,35,20,0.08);
  --shadow-hover:
    0 16px 64px rgba(43,35,20,0.16),
    0 4px 20px rgba(182,141,64,0.10);
  --shadow-glow:  0 0 40px rgba(182,141,64,0.20);


 /* ===== BORDER RADIUS ======== */
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-lg:    12px;
  --radius-xl:    20px;
  --radius-2xl:   32px;
  --radius-full:  999px;

 /* ===== TRANSITIONS ======== */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-luxury: cubic-bezier( 0.25, 0.1, 0.25, 1 );
  --ease-spring: cubic-bezier( 0.34, 1.56, 0.64, 1);

  --t-fast: 200ms;
  --t-med:  380ms;
  --t-slow: 600ms;
}


/* ===================================
				  Header
   =================================== */
.logo-text{
	color: var(--brass);
}