/*
 * theme.css — AVUNE Design System Tokens
 * Typography: Plus Jakarta Sans / Outfit (Display) + Plus Jakarta Sans (Body/Interface)
 * Palette: Consumer-Friendly Warm Botanical Luxury
 */

:root {
  --canvas: #FAF8F5;
  --surface: #FFFFFF;
  --surface-2: #F2EFE9;
  --border: #E8E2D8;
  --border-strong: #CDC4B6;
  --ink: #112117;
  --muted: #4B5A51;
  --accent: #204533;
  --accent-hover: #142F22;
  --accent-ink: #FAF8F5;
  --accent-text: #204533;
  --accent-strong: #112117;
  --accent-soft: #DFE8E1;
  --accent-border: #B7CCBE;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dfebe3;
  --success-strong: #137638;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #fcf1e3;
  --warning-strong: #92400e;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #fde8e8;
  --danger-strong: #991b1b;
  --chart-1: #112117;
  --chart-2: #204533;
  --chart-3: #4B5A51;
  --chart-4: #87ad93;
  --chart-5: #b58448;
  --chart-6: #d4a366;

  --font-display: "Plus Jakarta Sans Variable", "Outfit Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-body: "Plus Jakarta Sans Variable", "Inter Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-sans: "Plus Jakarta Sans Variable", "Inter Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, monospace;
  --display-weight: 700;
  --display-tracking: -0.03em;
  --eyebrow-tracking: 0.12em;

  --radius-btn: 9999px;
  --radius-card: 1.25rem;
  --radius-input: 0.625rem;
  --border-w: 1px;
}

html[data-theme="dark"] {
  --canvas: #0B140F;
  --surface: #122119;
  --surface-2: #182B21;
  --border: #223B2D;
  --border-strong: #335441;
  --ink: #FAF8F5;
  --muted: #9BB0A2;
  --accent: #4ED294;
  --accent-hover: #38BD7E;
  --accent-ink: #051A10;
  --accent-text: #7DE1B2;
  --accent-strong: #B0F5D4;
  --accent-soft: #143525;
  --accent-border: #205038;
  --success: #22c55e;
  --success-ink: #052e16;
  --success-soft: #133821;
  --success-strong: #86efac;
  --warning: #f59e0b;
  --warning-ink: #451a03;
  --warning-soft: #38240f;
  --warning-strong: #fcd34d;
  --danger: #ef4444;
  --danger-ink: #450a0a;
  --danger-soft: #3b171a;
  --danger-strong: #fca5a5;
  --chart-1: #4ED294;
  --chart-2: #7DE1B2;
  --chart-3: #10b981;
  --chart-4: #9BB0A2;
  --chart-5: #f59e0b;
  --chart-6: #fbbf24;
}

/*
 * app.css — AVUNE Haute Luxury Editorial Styles & Typography Polish
 */

.font-serif-italic {
  font-family: var(--font-display);
  font-style: italic;
}

.font-display-refined {
  font-family: var(--font-display);
  letter-spacing: -0.015em;
  font-feature-settings: "kern", "liga", "clig";
  text-rendering: optimizeLegibility;
}

.luxury-gradient-text {
  background: linear-gradient(135deg, var(--ink) 0%, color-mix(in srgb, var(--ink) 70%, var(--accent)) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.caption-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border);
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted);
}

.editorial-divider {
  position: relative;
  height: 1px;
  background: var(--border);
  margin: 3rem 0;
}

.editorial-divider::after {
  content: "♦";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--canvas);
  padding: 0 1rem;
  font-size: 0.625rem;
  color: var(--muted);
}