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

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

@import "tailwindcss";

/* Custom theme tokens for Tailwind v4 */
@theme {
  /* Brand Colors */
  --color-blush: #E8C0D8;
  --color-blush-dark: #CC0060;
  --color-terracotta: #CC0060;
  --color-terracotta-dark: #A0004A;
  --color-cream: #F6F2FA;
  --color-ivory: #FAF6FF;
  --color-sage: #B8AECE;
  --color-olive: #7A5590;
  --color-gold: #C9A227;
  --color-gold-light: #E8CC60;
  --color-charcoal: #2E2438;
  --color-text: #1C1428;
  --color-text-light: #4A3060;

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

  /* Shadows */
  --shadow-card: 0 4px 20px rgba(28,20,40,0.14);
  --shadow-card-hover: 0 8px 30px rgba(28,20,40,0.14);
  --shadow-ai: 0 8px 40px rgba(61,44,44,0.2);
}

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