/*
Theme Name: Kristina Claude AI
Theme URI: https://beinoryte.lt
Author: Kristina Beinorytė
Author URI: https://beinoryte.lt
Description: Landing page theme for Kristina Beinorytė Claude AI webinar. Mirrors the Next.js prototype.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary
Text Domain: kristina-claude-ai
*/

:root {
  --color-orange:        #FF4D1C;
  --color-orange-hover:  #FF6B35;
  --color-orange-deep:   #E83A0D;
  --color-orange-gold:   #FF9C3E;
  --color-orange-tint:   #FFF1EB;
  --color-orange-light:  #FFE5D8;

  --color-bg-base:       #FAF8F5;
  --color-bg-section:    #F5F2EE;
  --color-bg-soft:       #F0EDE8;
  --color-bg-card:       #FFFFFF;

  --color-navy:          #0E0E1A;
  --color-navy-80:       rgba(14,14,26,0.8);
  --color-navy-60:       rgba(14,14,26,0.6);
  --color-navy-40:       rgba(14,14,26,0.4);
  --color-navy-20:       rgba(14,14,26,0.2);
  --color-dark-section:  #13111F;
  --color-dark-card:     #1A1830;

  --color-white:         #FFFFFF;
  --color-slate:         #64748B;
  --color-border:        rgba(14,14,26,0.1);
  --color-border-warm:   rgba(255,77,28,0.15);

  --color-accent-blue:   #4B6EFF;
  --color-accent-green:  #1CB47A;

  --font-display: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --leading-heading: 1.05;
  --leading-body:    1.65;
  --tracking-tight:  -0.03em;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--color-bg-base);
}

body {
  margin: 0;
  background: var(--color-bg-base);
  color: var(--color-navy);
  font-family: var(--font-body);
  line-height: var(--leading-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
}

img,
svg {
  max-width: 100%;
  display: block;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

input,
textarea {
  font-family: inherit;
  font-size: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

::selection {
  background: rgba(255,77,28,0.2);
  color: var(--color-navy);
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-bg-section);
}
::-webkit-scrollbar-thumb {
  background: rgba(255,77,28,0.25);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255,77,28,0.5);
}

@keyframes kca-fade-up {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes kca-pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.7; transform: scale(1.5); }
}

@keyframes kca-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes kca-float-card {
  0%, 100% { transform: rotate(var(--kca-rot, 0deg)) translateY(0); }
  50%      { transform: rotate(var(--kca-rot, 0deg)) translateY(-10px); }
}

@keyframes kca-spin {
  to { transform: rotate(360deg); }
}