/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --peck-black: #07070d;
  --peck-gray-50: #f5f6f8;
  --peck-gray-100: #e8eaf0;
  --peck-gray-200: #d4d9e4;
  --peck-gray-300: #b0b8c8;
  --peck-gray-400: #8b92a5;
  --peck-gray-500: #6b7688;
  --peck-gray-600: #525f72;
  --peck-gray-700: #2a2e3a;
  --peck-gray-800: #1a1d27;
  --peck-gray-900: #0f1118;
  --peck-gray-950: #0a0b0f;
  --peck-white: #fdfdfd;
  --peck-green: #27ae60;
  --peck-blue: #3b82f6;
  --peck-purple: #7c6af7;
  --peck-teal: #14b8a6;
  --peck-orange: #f97316;
  --peck-cyan: #4a90d9;
  --peck-earth: #92714a;
  --peck-r-sm: 6px;
  --peck-r-md: 10px;
  --peck-r-lg: 14px;
  --peck-r-xl: 20px;
  --peck-r-pill: 999px;
  --peck-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --peck-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
  --peck-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.4);
  --peck-z-base: 1;
  --peck-z-float: 100;
  --peck-z-nav: 500;
  --peck-z-overlay: 1000;
  --peck-z-modal: 2000;
  --peck-z-toast: 3000;
  --peck-sp-1: 0.25rem;
  --peck-sp-2: 0.5rem;
  --peck-sp-3: 0.75rem;
  --peck-sp-4: 1rem;
  --peck-sp-5: 1.25rem;
  --peck-sp-6: 1.5rem;
  --peck-sp-8: 2rem;
  --peck-sp-10: 2.5rem;
  --peck-sp-12: 3rem;
  --peck-sp-16: 4rem;
  --peck-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --peck-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', 'Cascadia Code', monospace;
  --peck-leading: 1.6;
  --peck-leading-tight: 1.2;
  --peck-text-xs: 0.75rem;
  --peck-text-sm: 0.875rem;
  --peck-text-base: 1rem;
  --peck-text-lg: 1.25rem;
  --peck-text-xl: 1.5rem;
  --peck-text-2xl: 2rem;
  --peck-text-3xl: 2.5rem;
  --peck-accent: #3b82f6;
  --peck-accent-hover: color-mix(in srgb, #3b82f6 80%, white);
  --peck-accent-glow: color-mix(in srgb, #3b82f6 15%, transparent);
  --peck-success: #22c55e;
  --peck-warning: #f97316;
  --peck-danger: #ef4444;
  --peck-info: #3b82f6;
  --peck-glass: rgba(10, 10, 18, 0.82);
  --peck-glass-light: rgba(18, 18, 30, 0.92);
  --peck-glass-border: rgba(255, 255, 255, 0.08);
  --peck-border: rgba(255, 255, 255, 0.07);
  --peck-border-light: rgba(255, 255, 255, 0.12);
  --peck-t-fast: 0.15s ease;
  --peck-t-mid: 0.25s ease;
  --peck-t-slow: 0.4s ease;
  --peck-shadow-glow: 0 0 20px var(--peck-accent-glow);
}

/* ── Light mode overrides ─────────────────────────────────── */
.peck-light,
:root[data-peck-theme="light"] {
  --peck-border: rgba(0, 0, 0, 0.08);
  --peck-border-light: rgba(0, 0, 0, 0.12);
  --peck-glass: rgba(255, 255, 255, 0.92);
  --peck-glass-light: rgba(255, 255, 255, 0.96);
  --peck-glass-border: rgba(0, 0, 0, 0.06);
  --peck-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --peck-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
  --peck-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.15);
}
[data-peck-app="web"] {   --peck-accent: #27ae60; }
[data-peck-app="world"] {   --peck-accent: #3b82f6; }
[data-peck-app="host"] {   --peck-accent: #7c6af7; }
[data-peck-app="ink"] {   --peck-accent: #14b8a6; }
[data-peck-app="website"] {   --peck-accent: #58a6ff; }
[data-peck-app="desktop"] {   --peck-accent: #3b82f6; }
[data-peck-app="mail"] {   --peck-accent: #f97316; }
[data-peck-app="merdata"] {   --peck-accent: #4a90d9; }

/* ── Keyframe library ─────────────────────────────────────── */
@keyframes peck-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes peck-slide-up {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes peck-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.4; }
}

@keyframes peck-pecking {
  0%, 100% { transform: rotate(0deg); }
  25%      { transform: rotate(15deg); }
  50%      { transform: rotate(-5deg); }
  75%      { transform: rotate(10deg); }
}