/* Root Variables */
:root {
  /* Warm Cream Background */
  --background: 33 33% 97%;
  --foreground: 201 44% 18%;

  /* White cards pop beautifully against the cream background */
  --card: 0 0% 100%;
  --card-foreground: 201 44% 18%;

  --popover: 0 0% 100%;
  --popover-foreground: 201 44% 18%;

  /* Primary: Deep Navy */
  --primary: 201 44% 18%;
  --primary-foreground: 0 0% 100%;
  --primary-hover: 201 44% 12%;

  /* Secondary: Golden Yellow from "Custom Boxes" text */
  --secondary: 38 95% 57%;
  --secondary-foreground: 201 44% 18%;
  --secondary-hover: 38 95% 50%;

  /* Muted tones adjusted for the warm palette */
  --muted: 33 20% 90%;
  --muted-foreground: 201 15% 45%;

  --accent: 38 95% 57%;
  --accent-foreground: 201 44% 18%;

  --border: 201 15% 88%;
  --input: 201 15% 88%;
  --ring: 38 95% 57%;

  --radius: 0.6rem;

  /* Refined Gradients */
  --gradient-primary: linear-gradient(135deg, hsl(201, 44%, 18%), hsl(201, 44%, 25%));
  --gradient-accent: linear-gradient(135deg, hsl(38, 95%, 57%), hsl(38, 95%, 48%));

  /* Shadows updated to use a Navy tint instead of Purple */
  --shadow-card: 0 4px 24px -4px hsl(201 44% 18% / 0.06);
  --shadow-card-hover: 0 12px 32px -8px hsl(201 44% 18% / 0.12);
  --shadow-hero: 0 20px 60px -15px hsl(201 44% 18% / 0.18);
}

/* Global border application */
* {
  border-color: hsl(var(--border));
}

/* Base Body Styling */
body {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Text Gradient Utility */
.text-gradient {
  background: var(--gradient-accent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}