/* FlowLight 简约主题 — 参照 apikey.fun 风格 */
/* Manrope 字体 */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

/* 全局字体 */
:root {
  --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
  font-family: var(--font-sans);
}

/* ===== 橙色主色调覆盖 ===== */
/* apikey.fun 主色: #c45100 (primary-500), 浅色: #d47030 (primary-400) */

/* 按钮/链接主色 */
.text-primary-400,
.text-primary-500,
.text-primary-600,
.hover\:text-primary-400:hover,
.hover\:text-primary-500:hover {
  --tw-text-opacity: 1;
  color: rgb(212 112 48 / var(--tw-text-opacity, 1)) !important;
}

/* 背景主色 */
.bg-primary-500,
.bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(196 81 0 / var(--tw-bg-opacity, 1)) !important;
}

.bg-primary-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 112 48 / var(--tw-bg-opacity, 1)) !important;
}

/* 边框主色 */
.border-primary-500,
.border-primary-600 {
  --tw-border-opacity: 1;
  border-color: rgb(196 81 0 / var(--tw-border-opacity, 1)) !important;
}

/* ring 主色 */
.ring-primary-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 81 0 / var(--tw-ring-opacity, 1)) !important;
}

/* hover 背景 */
.hover\:bg-primary-500:hover,
.hover\:bg-primary-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(196 81 0 / var(--tw-bg-opacity, 1)) !important;
}

/* ===== 暗色主题优化 ===== */
.dark .bg-dark-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)) !important;
}

.dark .bg-dark-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
}

.dark .bg-dark-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)) !important;
}

/* ===== 圆角优化 — 更柔和 ===== */
.rounded-lg,
.rounded-xl {
  border-radius: 0.75rem !important;
}

.rounded-2xl {
  border-radius: 1rem !important;
}

/* ===== 卡片阴影 — 更轻盈 ===== */
.shadow-lg,
.shadow-xl {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

/* ===== 过渡动画 — 更流畅 ===== */
a, button, .transition-colors {
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

/* ===== 导航进度条 — apikey.fun 橙色 ===== */
.navigation-progress-bar {
  background: linear-gradient(90deg, transparent 0%, #d47030 20%, #c45100 50%, #d47030 80%, transparent 100%) !important;
}