.elementor-kit-9{--e-global-color-primary:#AB9981;--e-global-color-secondary:#020202;--e-global-color-text:#7A7A7A;--e-global-color-accent:#292929;--e-global-typography-primary-font-family:"Baskervville";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Red Hat Display";--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-ce3eeb3-font-family:"Belleza";--e-global-typography-ce3eeb3-font-size:33px;--e-global-typography-ce3eeb3-font-weight:400;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@tailwind base;
@tailwind components;
@tailwind utilities;

/* Definition of the design system. All colors, gradients, fonts, etc should be defined here. 
All colors MUST be HSL.
*/

@layer base {
  :root {
    /* Dark elegant law firm theme */
    --background: 0 0% 6%;
    --foreground: 40 20% 92%;

    --card: 0 0% 8%;
    --card-foreground: 40 20% 92%;

    --popover: 0 0% 8%;
    --popover-foreground: 40 20% 92%;

    --primary: 43 74% 58%;
    --primary-foreground: 0 0% 10%;

    --secondary: 0 0% 12%;
    --secondary-foreground: 40 20% 92%;

    --muted: 0 0% 15%;
    --muted-foreground: 40 10% 60%;

    --accent: 43 74% 58%;
    --accent-foreground: 0 0% 10%;

    --destructive: 0 62.8% 50%;
    --destructive-foreground: 40 20% 92%;

    --border: 0 0% 18%;
    --input: 0 0% 18%;
    --ring: 43 74% 58%;

    --radius: 0.5rem;

    /* Custom law firm tokens */
    --gold: 43 74% 58%;
    --gold-muted: 43 50% 40%;
    --dark-surface: 0 0% 10%;
    --darker: 0 0% 6%;
    
    /* Gradients */
    --gradient-gold: linear-gradient(135deg, hsl(43 74% 58% / 0.2), hsl(43 74% 48% / 0.1));
    --gradient-dark: linear-gradient(180deg, hsl(0 0% 6%), hsl(0 0% 10%));
    
    /* Shadows */
    --shadow-elegant: 0 10px 40px -10px hsl(0 0% 0% / 0.5);
    --shadow-gold: 0 0 30px hsl(43 74% 58% / 0.15);
    
    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
}

@layer base {
  * {
    @apply border-border;
  }

  body {
    @apply bg-background text-foreground font-sans antialiased;
  }
  
  h1, h2, h3, h4, h5, h6 {
    @apply font-display;
  }
}

@layer utilities {
  .text-gold {
    color: hsl(var(--gold));
  }
  
  .bg-gold {
    background-color: hsl(var(--gold));
  }
  
  .border-gold {
    border-color: hsl(var(--gold));
  }
  
  .shadow-elegant {
    box-shadow: var(--shadow-elegant);
  }
  
  .shadow-gold {
    box-shadow: var(--shadow-gold);
  }
  
  .transition-smooth {
    transition: var(--transition-smooth);
  }
  
  .bg-gradient-gold {
    background: var(--gradient-gold);
  }
  
  .bg-gradient-dark {
    background: var(--gradient-dark);
  }
}/* End custom CSS */