/*
 Theme Name: Kadence Child
 Theme URI: https://gyutoguru.com
 Description: Kadence Child Theme for GyutoGuru — implements --tin design system
 Author: GyutoGuru
 Author URI: https://gyutoguru.com
 Template: kadence
 Version: 1.0.0
 Text Domain: kadence-child
*/

/* --tin Design System CSS Custom Properties */
:root {
  --tin-50: #FAFAFA;
  --tin-100: #F0F0F0;
  --tin-200: #D4D4D8;
  --tin-300: #A1A1AA;
  --tin-500: #71717A;
  --tin-800: #27272A;
  --tin-900: #18181B;
  --accent: #C0763A;
  --accent-light: #D4956A;
  --white: #FFFFFF;
}

/* Base Typography */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--tin-500);
  background-color: var(--tin-50);
}

/* Background override - replaces dark theme */
html,
body,
.site,
#page,
.kadence-page,
.hfeed {
  background-color: var(--tin-50) !important;
}

/* Heading Typography */
h1, .h1,
.wp-block-heading h1 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: clamp(56px, 5vw, 72px);
  line-height: 1.1;
  color: var(--tin-900);
}

h2, .h2,
.wp-block-heading h2 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: clamp(36px, 3vw, 42px);
  line-height: 1.2;
  color: var(--tin-900);
}

h3, .h3,
.wp-block-heading h3 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: clamp(24px, 2vw, 28px);
  line-height: 1.3;
  color: var(--tin-900);
}

h4, h5, h6 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  color: var(--tin-900);
}

/* Body text */
p, .entry-content p {
  color: var(--tin-500);
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.7;
}

/* Max content width */
.container,
.content-area,
.site-content,
.wp-block-group.alignwide,
.entry-content .alignwide {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* Section spacing */
.wp-block-group,
.site-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

/* Accent color for links and highlights */
a {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  color: var(--accent-light);
}