/*
 Theme Name:   Kadence Oksana
 Theme URI:    https://www.oksanaana.com
 Description:  Academic portfolio child theme for Oksana Semenets-Ana
 Author:       Adrian
 Author URI:   https://www.oksanaana.com
 Template:     kadence
 Version:      1.0.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  kadence-oksana
*/

/* ========================================
   Design Tokens - Light Mode (Default)
   ======================================== */
:root {
  /* Colors - Light Mode */
  --bg-primary: #faf9f7;
  --bg-sidebar: #ffffff;
  --bg-surface: #f0ede8;
  --text-primary: #2d2d2d;
  --text-secondary: #6b6b6b;
  --accent-primary: #5b7ee5;
  --accent-secondary: #1e3a5f;
  --border: #e0dcd6;

  /* Spacing - 8px grid */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-8: 80px;

  /* Typography */
  --font-heading: "DM Serif Display", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  /* Layout */
  --sidebar-width: 280px;
  --sidebar-width-tablet: 240px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 200ms ease;
  --transition-slow: 300ms ease;

  /* Map to Kadence Global Palette (so Kadence Blocks inherit our colors) */
  --global-palette1: var(--accent-secondary);
  --global-palette2: var(--accent-primary);
  --global-palette3: var(--text-primary);
  --global-palette4: var(--text-secondary);
  --global-palette5: var(--text-secondary);
  --global-palette6: var(--border);
  --global-palette7: var(--bg-surface);
  --global-palette8: var(--bg-sidebar);
  --global-palette9: var(--bg-primary);
}

/* ========================================
   Design Tokens - Dark Mode
   ======================================== */
[data-theme="dark"] {
  --bg-primary: #1a1a1a;
  --bg-sidebar: #242424;
  --bg-surface: #2d2d2d;
  --text-primary: #f0f0f0;
  --text-secondary: #a0a0a0;
  --accent-primary: #5b7ee5;
  --accent-secondary: #4a7ab0;
  --border: #3d3d3d;
}

/* ========================================
   Base Styles
   ======================================== */
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.6;
  transition: background-color var(--transition-normal), color var(--transition-normal);
}

h1, h2 {
  font-family: var(--font-heading);
  color: var(--accent-secondary);
}

h1 {
  font-size: 3rem;
  line-height: 1.2;
}

h2 {
  font-size: 2rem;
  line-height: 1.3;
}

h3 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
}

a {
  color: var(--accent-primary);
  transition: color var(--transition-fast);
}

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

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Hide Kadence default header (we use custom sidebar) */
#masthead,
.site-header {
  display: none !important;
}

/* Ensure no default sidebar appears */
.content-area {
  width: 100% !important;
  max-width: 100% !important;
}

.primary-sidebar,
#secondary {
  display: none !important;
}

/* ========================================
   Content Area Styling Fixes
   ======================================== */

/* Remove card styling from main content */
.entry-content-wrap,
.content-wrap,
article.page {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Content container styling */
.site-main .content-wrapper {
  padding: var(--space-6) var(--space-5);
}

/* Hero section in page content */
.wp-block-group.hero-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

/* Paragraph blocks */
.wp-block-paragraph.hero-label {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: var(--space-2);
}

.wp-block-paragraph.hero-bio {
  color: var(--text-secondary);
  font-size: 18px;
  line-height: 1.6;
  max-width: 600px;
}

/* Heading blocks */
h1.hero-title,
.wp-block-heading.hero-title {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--accent-secondary);
  line-height: 1.2;
  margin-bottom: var(--space-3);
}

h1.hero-title strong,
.wp-block-heading.hero-title strong {
  color: var(--accent-primary);
}

/* Hide profile photo until a real one is uploaded */
.sidebar-photo {
  display: none !important;
}