/* desert-nomad/theme.css — Desert Nomad Theme
 * Earthy bohemian, sustainable fashion design tokens.
 * Terracotta + sage green accents, warm organic feel.
 *
 * Loaded at runtime via ThemeCss server component — inlined into the page.
 */

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Work+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Color tokens */
  --t-primary:      #C2785C;
  --t-secondary:    #E8DDD3;
  --t-accent:       #7C9070;
  --t-bg:           #F5E6D3;
  --t-surface:      #FFFAF5;
  --t-text:         #3D2B1F;
  --t-muted:        #8B7355;
  --t-heading:      #2A1810;
  --t-border:       #D4C4B0;
  --t-btn-text:     #FFFFFF;
  --t-nav-text:     #3D2B1F;
  --t-success:      #7C9070;
  --t-error:        #C25C5C;
  --t-warning:      #D4A574;
  --t-font-heading: 'Libre Baskerville', serif;
  --t-font-body:    'Work Sans', sans-serif;
  --t-font-size-base: 15px;

  /* Border radius — organic, rounded */
  --t-radius-card:  12px;
  --t-radius-btn:   8px;
  --t-radius-input: 8px;
  --t-radius-img:   8px;
  --t-radius-badge: 6px;

  /* Shadows — warm, organic */
  --t-shadow-card:  0 2px 8px rgba(61,43,31,0.06);
  --t-shadow-hover: 0 8px 24px rgba(61,43,31,0.12);
}

body {
  background-color: var(--t-bg);
  color:            var(--t-text);
  font-size:        var(--t-font-size-base);
}

/* ── Keyframe animations ────────────────────────────────────────────────────── */

@keyframes nomad-fade-in {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes nomad-slide-in {
  from { opacity: 0; transform: translateX(100%); }
  to   { opacity: 1; transform: translateX(0); }
}

/* ── Utility classes ────────────────────────────────────────────────────────── */

.nomad-fade-in   { animation: nomad-fade-in  0.4s ease both; }
.nomad-slide-in  { animation: nomad-slide-in 0.35s ease both; }