/*
 * Application Stylesheet Manifest
 * Tailwind CSS v4 via tailwindcss-rails gem
 */

/* Legacy component styles (nav, hero, cards, buttons, footer, forms, etc.) */
@import "legacy";

/* Tasteful animations for elegant UX */
@import "animations";

@import "tailwindcss";

/* Custom theme tokens for Tailwind v4 */
@theme {
  /* Brand Colors — aligned with claude-redesign spec */
  --color-primary: #AE3478;
  --color-primary-mid: #C9508E;
  --color-primary-light: #F0D4E5;
  --color-primary-pale: #FAF0F6;
  --color-blush: #F0D4E5;
  --color-blush-dark: #C9508E;
  --color-terracotta: #AE3478;
  --color-terracotta-dark: #C9508E;
  --color-cream: #FAF8F5;
  --color-ivory: #FAF6FF;
  --color-sage: #7D9A78;
  --color-olive: #7A5590;
  --color-gold: #C9963A;
  --color-gold-light: #E8CC60;
  --color-charcoal: #1C1A2E;
  --color-text: #1C1A2E;
  --color-text-light: #5A4D68;
  --color-text-muted: #9486A3;
  --color-bg: #F7F4FB;
  --color-bg-soft: #EEE8F8;
  --color-bg-dark: #1C1A2E;
  --color-dark-accent: #E8A0C4;

  /* Fonts */
  --font-heading: 'Cormorant Garamond', serif;
  --font-body: 'Outfit', sans-serif;

  /* Shadows — primary-tinted per spec */
  --shadow-card: 0 8px 48px rgba(174, 52, 120, 0.08);
  --shadow-card-hover: 0 12px 40px rgba(174, 52, 120, 0.10);
  --shadow-ai: 0 8px 40px rgba(174, 52, 120, 0.10);
}

/* Custom component styles for complex UI patterns (table diagrams, AI chat, budget tool) */
@import "components";