@import "tailwindcss";

/* Stileigentum Domain Theme - Style Blue & Style Sun */

@layer base {
  :root {
    /* Base colors */
    --background: 32 20% 97%; /* #f5f4f2 - Light Beige */
    --foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
    --card: 38 40% 97%; /* #hsl(60 53.33% 88.24%) - Off White */
    --card-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
    --popover: 0 25% 96%; /* #hsl(0 25% 96%)- Off White */
    --popover-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */

    /* Stileigentum Theme Colors */
    --primary: 209 65% 20%; /* #123453 - Imperial Blue */
    --primary-light: 209 65% 30%; /* #123453 - Imperial Blue */
    --primary-lighter: 209 65% 80%; /* #123453 - Imperial Blue */
    --primary-dark: 209 65% 15%; /* #123453 - Imperial Blue */
    --primary-foreground: 0 25% 96%; /* #hsl(0 25% 96%) - Off White */
    --secondary: 38 40% 66%; /* #c9ac84 - Sand Gold */
    --secondary-light: 38 40% 76%; /* #c9ac84 - Sand Gold */
    --secondary-lighter: 38 40% 85%; /* #c9ac84 - Sand Gold */
    --secondary-dark: 38 40% 55%; /* #c9ac84 - Sand Gold */
    --secondary-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */

    /* Neutral colors */
    --muted: 209 35% 94%; /* #f0f2f5 - Very Light Imperial Blue */
    --muted-foreground: 209 10% 40%; /* hsl(208 9.09% 32.35%) - Muted Imperial Blue */
    --accent: 38 40% 88%; /* hsl(38 40% 88%) - Very Light Sand Gold */
    --accent-foreground: 209 10% 40%; /* hsl(204 4.35% 22.55%) - Darker Imperial Blue */

    /* Dark section colors */
    --dark-bg: 209 65% 20%; /* #123453 - Imperial Blue */
    --dark-text: 0 0% 100%; /* hsl(0 0% 100%) - Off White */
    --dark-muted: 30 20% 70%; /* #b8b0a7 - Dark Muted */

    /* Interactive elements */
    --destructive: 0 84.2% 60.2%; /* #ef4444 - Red */
    --destructive-foreground: 210 40% 98%; /* #f8fafc - Light */
    --border: 0 0% 80%; /* hsl(0 0% 80%) - Light Border */
    --input: 0 0% 92%; /* hsl(0 0% 92%) - Input Background */
    --radius: 0.75rem;

    /* Hero container background */
    --hero-container: 0 0% 91%; /* #e8e8e8 - Light Gray */
    --hero-container-dark: 0 0% 83%; /* #e8e8e8 - Light Gray */
    --hero-container-light: 0 0% 93%; /* #e8e8e8 - Light Gray */
    /* Shadows */
    --shadow-warm: 0 10px 30px -15px hsl(var(--foreground) / 0.1);
    --shadow-card: 0 4px 20px -8px hsl(var(--foreground) / 0.08);
    --shadow-elevated: 0 20px 40px -20px hsl(var(--foreground) / 0.15);
    --shadow-accent-glow: 0 0 30px hsl(var(--secondary) / 0.3);

    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    /* Font families */
    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
    --font-secondary: 'EB Garamond', Georgia, serif;
  }
}

.text-section-title {
    line-height: 0.95em;
  }

@import "./shared-styles.css";