/**
 * @kadrika/tokens — Fantasy Night / Fantasy Morning palette.
 * Brand constants are identical in both themes; semantic tokens switch via data-bs-theme.
 */

:root {
  /* ── Brand (immutable) ───────────────────────────────────── */
  --kadrika-brand-gold: #f4b537;
  --kadrika-brand-highlight: #ffd87a;
  --kadrika-brand-tree: #7a4a2e;
  --kadrika-brand-flowers: #9565d1;
  --kadrika-brand-foliage: #507845;
  --kadrika-brand-glow: rgba(255, 216, 122, 0.45);

  /* Typography */
  --kadrika-font-display: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --kadrika-font-body: system-ui, -apple-system, "Segoe UI", sans-serif;

  /* PRO badge — unchanged (blue-violet gradient) */
  --kadrika-brand-blue: #3b82f6;
  --kadrika-brand-purple: #7c3aed;
  --kadrika-brand-violet: #a855f7;
  --kadrika-brand-pro-gradient: linear-gradient(
    135deg,
    var(--kadrika-brand-blue) 0%,
    var(--kadrika-brand-purple) 55%,
    var(--kadrika-brand-violet) 100%
  );
  --kadrika-brand-pro-shadow: 0 1px 8px rgba(59, 130, 246, 0.35);
  --kadrika-brand-pro-shadow-light: 0 1px 6px rgba(59, 130, 246, 0.28);

  /* Radii & motion */
  --kadrika-radius-sm: 0.3rem;
  --kadrika-radius-md: 0.5rem;
  --kadrika-radius-lg: 1rem;
  --kadrika-duration-fast: 0.15s;
  --kadrika-duration-normal: 0.35s;
  --kadrika-duration-slow: 1.15s;

  /* Fuel canister (brand-adjacent) */
  --kadrika-fuel-color: var(--kadrika-brand-gold);
  --kadrika-fuel-canister: #e5252a;
  --kadrika-fuel-counter: #fff8e8;
  --kadrika-fuel-glass: 0.38;

  /* Login (dark fantasy default) */
  --kadrika-login-bg: #171326;
  --kadrika-login-text: #fff8e8;
  --kadrika-surface-border: rgba(255, 248, 232, 0.12);
}

/* ── Fantasy Night ─────────────────────────────────────────── */
html[data-bs-theme="dark"] {
  --kadrika-bg-page: #171326;
  --kadrika-bg-surface: #221a31;
  --kadrika-bg-card: #2c1e36;
  --kadrika-bg-sidebar: #181321;
  --kadrika-menu-active: #4e2d86;
  --kadrika-menu-hover: #36274f;
  --kadrika-border: #3e3055;
  --kadrika-text-primary: #fff8e8;
  --kadrika-text-secondary: #dccfae;
  --kadrika-text-muted: #a89bbf;
  --kadrika-light-warm: #ffd87a;

  --kadrika-accent: #4e2d86;
  --kadrika-accent-hover: #5e3a96;
  --kadrika-accent-soft: #9565d1;
  --kadrika-link: #b284f1;
  --kadrika-link-hover: #c9a8f5;

  /* Fantasy ornate panels (/me) — чуть богаче плоских карточек */
  --kadrika-bg-panel-fantasy: linear-gradient(
    165deg,
    #2c1e36 0%,
    #36274f 48%,
    #221a31 100%
  );
  --kadrika-bg-panel-inner: linear-gradient(
    165deg,
    rgba(44, 30, 54, 0.92) 0%,
    rgba(54, 39, 79, 0.88) 100%
  );

  /* Legacy aliases → semantic */
  --kadrika-metrics-section-bg: var(--kadrika-bg-panel-fantasy);
  --kadrika-metrics-panel-bg: var(--kadrika-bg-panel-inner);
  --kadrika-metrics-panel-border: rgba(244, 181, 55, 0.35);
  --kadrika-metrics-panel-glow: rgba(149, 101, 209, 0.22);
  --kadrika-metrics-gold: var(--kadrika-brand-gold);
  --kadrika-metrics-gold-dim: var(--kadrika-brand-highlight);
  --kadrika-metrics-title: var(--kadrika-text-primary);
  --kadrika-metrics-subtitle: var(--kadrika-text-secondary);
  --kadrika-metrics-fuel-bar-track: rgba(255, 248, 232, 0.1);
  --kadrika-metrics-fuel-bar-fill: linear-gradient(
    90deg,
    #4e2d86 0%,
    #9565d1 55%,
    #b284f1 100%
  );

  --kadrika-me-deep: var(--kadrika-bg-page);
  --kadrika-me-purple: var(--kadrika-bg-surface);
  --kadrika-me-violet: var(--kadrika-menu-active);
  --kadrika-me-violet-soft: var(--kadrika-accent-soft);
  --kadrika-me-gold: var(--kadrika-brand-gold);
  --kadrika-me-gold-warm: var(--kadrika-brand-highlight);
  --kadrika-me-success: #83b76d;
  --kadrika-me-danger: #e57373;
  --kadrika-me-accent-pink: #b284f1;

  --kadrika-earnings-photo-bg: linear-gradient(
    135deg,
    rgba(78, 45, 134, 0.28) 0%,
    rgba(149, 101, 209, 0.18) 55%,
    rgba(80, 120, 69, 0.1) 100%
  );
  --kadrika-earnings-assistant-bg: linear-gradient(
    145deg,
    rgba(80, 120, 69, 0.28) 0%,
    rgba(131, 183, 109, 0.18) 45%,
    rgba(244, 181, 55, 0.1) 100%
  );
  --kadrika-earnings-glow: var(--kadrika-brand-glow);
  --kadrika-earnings-glow-soft: rgba(255, 216, 122, 0.22);
}

/* ── Fantasy Morning ─────────────────────────────────────────── */
html[data-bs-theme="light"] {
  --kadrika-bg-page: #fffdf7;
  --kadrika-bg-surface: #fff8e8;
  --kadrika-bg-card: #fff3dc;
  --kadrika-bg-sidebar: #f5efd9;
  --kadrika-menu-active: #f0d99a;
  --kadrika-menu-hover: #f7eacb;
  --kadrika-border: #e7d7ae;
  --kadrika-text-primary: #4e3827;
  --kadrika-text-secondary: #75604d;
  --kadrika-text-muted: #9a8876;
  --kadrika-light-warm: #fff0c5;

  --kadrika-accent: #9565d1;
  --kadrika-accent-hover: #7a5299;
  --kadrika-accent-soft: #b284f1;
  --kadrika-link: #7a5299;
  --kadrika-link-hover: #9565d1;

  --kadrika-bg-panel-fantasy: linear-gradient(
    180deg,
    #fff8e8 0%,
    #fff3dc 100%
  );
  --kadrika-bg-panel-inner: linear-gradient(
    165deg,
    #fff3dc 0%,
    #f7eacb 100%
  );

  --kadrika-metrics-section-bg: var(--kadrika-bg-panel-fantasy);
  --kadrika-metrics-panel-bg: var(--kadrika-bg-panel-inner);
  --kadrika-metrics-panel-border: rgba(244, 181, 55, 0.42);
  --kadrika-metrics-panel-glow: rgba(178, 132, 241, 0.12);
  --kadrika-metrics-gold: var(--kadrika-brand-gold);
  --kadrika-metrics-gold-dim: var(--kadrika-brand-gold);
  --kadrika-metrics-title: var(--kadrika-text-primary);
  --kadrika-metrics-subtitle: var(--kadrika-text-secondary);
  --kadrika-metrics-fuel-bar-track: rgba(78, 56, 39, 0.08);
  --kadrika-metrics-fuel-bar-fill: linear-gradient(
    90deg,
    #9565d1 0%,
    #b284f1 55%,
    #f4b537 100%
  );

  --kadrika-me-deep: var(--kadrika-bg-page);
  --kadrika-me-purple: var(--kadrika-bg-surface);
  --kadrika-me-violet: var(--kadrika-accent);
  --kadrika-me-violet-soft: var(--kadrika-accent-soft);
  --kadrika-me-gold: var(--kadrika-brand-gold);
  --kadrika-me-gold-warm: var(--kadrika-brand-highlight);
  --kadrika-me-success: #507845;
  --kadrika-me-danger: #c62828;
  --kadrika-me-accent-pink: #b284f1;

  --kadrika-earnings-photo-bg: linear-gradient(
    135deg,
    rgba(149, 101, 209, 0.14) 0%,
    rgba(244, 181, 55, 0.1) 100%
  );
  --kadrika-earnings-assistant-bg: linear-gradient(
    145deg,
    rgba(131, 183, 109, 0.22) 0%,
    rgba(255, 240, 197, 0.35) 100%
  );
  --kadrika-earnings-glow: var(--kadrika-brand-glow);
  --kadrika-earnings-glow-soft: rgba(244, 181, 55, 0.18);

  --kadrika-login-bg: #fffdf7;
  --kadrika-login-text: #4e3827;
  --kadrika-surface-border: rgba(78, 56, 39, 0.14);
}