/* Custom Styles for Bare Beauty */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Base styles */
body {
    font-family: 'Inter', system-ui, sans-serif;
}

/* Reveal animations */
.reveal {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* Mobile menu styles */
.mobile-link {
    opacity: 1;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #fafaf9;
}

::-webkit-scrollbar-thumb {
    background: #f9a8d4;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ec4899;
}

/* Selection color */
::selection {
    background: #fbcfe8;
    color: #831443;
}

/* Input focus styles */
input:focus,
select:focus,
textarea:focus {
    outline: none;
}

/* Image hover effects */
img {
    transition: transform 0.7s ease;
}

/* Button hover effects */
button,
a {
    transition: all 0.3s ease;
}

/* Form input styles */
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
    background: transparent;
}

/* Custom underline animation for links */
a:not(.mobile-link):not([class*="border"]):not([class*="bg-"]):not([class*="text-"]):not([class*="w-"]):not([class*="h-"]):not([class*="px-"]):not([class*="py-"]):not([class*="inline-flex"]):not([class*="hidden"]):not([class*="absolute"]):not([class*="relative"]):not([class*="fixed"]):not([class*="grid"]):not([class*="flex"]):not([class*="max-w"]):not([class*="mx-auto"]):not([class*="text-center"]):not([class*="text-left"]):not([class*="text-right"]):not([class*="justify"]):not([class*="items"]):not([class*="space-x"]):not([class*="space-y"]):not([class*="p-"]):not([class*="m-"]):not([class*="border"]):not([class*="bg"]):not([class*="text"]):not([class*="opacity"]):not([class*="font"]):not([class*="leading"]):not([class*="tracking"]):not([class*="uppercase"]):not([class*="italic"]):not([class*="min-h"]):not([class*="h-"]):not([class*="w-"]):not([class*="rounded"]):not([class*="shadow"]):not([class*="overflow"]):not([class*="relative"]):not([class*="z-"]):not([class*="top"]):not([class*="bottom"]):not([class*="left"]):not([class*="right"]):not([class*="inset"]):not([class*="col"]):not([class*="row"]):not([class*="gap"]):not([class*="grid"]):not([class*="divide"]):not([class*="ring"]):not([class*="stroke"]):not([class*="fill"]):not([class*="transform"]):not([class*="transition"]):not([class*="duration"]):not([class*="delay"]):not([class*="ease"]):not([class*="hover"]):not([class*="focus"]):not([class*="active"]):not([class*="group"]):not([class*="before"]):not([class*="after"]):not([class*="placeholder"]):not([class*="required"]):not([class*="hidden"]):not([class*="block"]):not([class*="inline"]):not([class*="resize"]):not([class*="select"]):not([class*="cursor"]):not([class*="pointer"]):not([class*="no"]):not([class*="pointer-events"]):not([class*="filter"]):not([class*="backdrop"]):not([class*="mix"]):not([class*="bg"]):not([class*="gradient"]):not([class*="pattern"]):not([class*="animate"]):not([class*="keyframes"]):not([class*="from"]):not([class*="via"]):not([class*="to"]):not([class*="opacity"]):not([class*="scale"]):not([class*="rotate"]):not([class*="skew"]):not([class*="translate"]):not([class*="origin"]):not([class*="preserve"]):not([class*="perspective"]):not([class*="transform-style"]):not([class*="backface"]):not([class*="isolate"]):not([class*="isolation"]):not([class*="contain"]):not([class*="content"]):not([class*="aspect"]):not([class*="object"]):not([class*="float"]):not([class*="clear"]):not([class*="columns"]):not([class*="break"]):not([class*="overflow-wrap"]):not([class*="word"]):not([class*="white"]):not([class*="text-overflow"]):not([class*="hyphens"]):not([class*="tab"]):not([class*="indent"]):not([class*="list"]):not([class*="marker"]):not([class*="appearance"]):not([class*="cursor"]):not([class*="touch"]):not([class*="select"]):not([class*="user"]):not([class*="resize"]):not([class*="snap"]):not([class*="scroll"]):not([class*="overflow"]):not([class*="overscroll"]):not([class*="scroll-padding"]):not([class*="scroll-snap"]):not([class*="scroll-margin"]):not([class*="scroll-behavior"]):not([class*="scrollbar"]):not([class*="accent"]):not([class*="caret"]):not([class*="image"]):not([class*="loading"]):not([class*="animation"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view-box"]):not([class*="preserve"]):not([class*="aspect"]):not([class*="object"]):not([class*="contain"]):not([class*="cover"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]):not([class*="border"]):not([class*="divide"]):not([class*="ring"]):not([class*="outline"]):not([class*="shadow"]):not([class*="drop"]):not([class*="backdrop"]):not([class*="filter"]):not([class*="blur"]):not([class*="brightness"]):not([class*="contrast"]):not([class*="grayscale"]):not([class*="invert"]):not([class*="sepia"]):not([class*="hue"]):not([class*="saturate"]):not([class*="opacity"]):not([class*="mix"]):not([class*="blend"]):not([class*="background"]):not([class*="bg"]):not([class*="gradient"]):not([class*="pattern"]):not([class*="repeat"]):not([class*="size"]):not([class*="position"]):not([class*="attachment"]):not([class*="clip"]):not([class*="origin"]):not([class*="image-rendering"]):not([class*="pixelated"]):not([class*="smooth"]):not([class*="shape"]):not([class*="margin"]):not([class*="padding"]):not([class*="box-sizing"]):not([class*="display"]):not([class*="flex"]):not([class*="grid"]):not([class*="flow"]):not([class*="table"]):not([class*="block"]):not([class*="inline"]):not([class*="list"]):not([class*="position"]):not([class*="top"]):not([class*="right"]):not([class*="bottom"]):not([class*="left"]):not([class*="z"]):not([class*="width"]):not([class*="height"]):not([class*="min"]):not([class*="max"]):not([class*="overflow"]):not([class*="visible"]):not([class*="hidden"]):not([class*="collapse"]):not([class*="float"]):not([class*="clear"]):not([class*="columns"]):not([class*="break"]):not([class*="before"]):not([class*="after"]):not([class*="placeholder"]):not([class*="first"]):not([class*="last"]):not([class*="only"]):not([class*="odd"]):not([class*="even"]):not([class*="empty"]):not([class*="checked"]):not([class*="indeterminate"]):not([class*="disabled"]):not([class*="enabled"]):not([class*="required"]):not([class*="optional"]):not([class*="valid"]):not([class*="invalid"]):not([class*="in"]):not([class*="out"]):not([class*="any"]):not([class*="none"]):not([class*="self"]):not([class*="justify"]):not([class*="items"]):not([class*="content"]):not([class*="order"]):not([class*="gap"]):not([class*="row"]):not([class*="col"]):not([class*="auto"]):not([class*="fit"]):not([class*="span"]):not([class*="start"]):not([class*="end"]):not([class*="middle"]):not([class*="align"]):not([class*="baseline"]):not([class*="stretch"]):not([class*="normal"]):not([class*="force"]):not([class*="isolate"]):not([class*="isolation"]):not([class*="contain"]):not([class*="size"]):not([class*="margin"]):not([class*="padding"]):not([class*="box"]):not([class*="sizing"]):not([class*="border"]):not([class*="radius"]):not([class*="style"]):not([class*="width"]):not([class*="color"]):not([class*="divide"]):not([class*="between"]):not([class*="ring"]):not([class*="offset"]):not([class*="inset"]):not([class*="outline"]):not([class*="shadow"]):not([class*="drop"]):not([class*="backdrop"]):not([class*="filter"]):not([class*="blur"]):not([class*="brightness"]):not([class*="contrast"]):not([class*="grayscale"]):not([class*="invert"]):not([class*="sepia"]):not([class*="hue"]):not([class*="saturate"]):not([class*="opacity"]):not([class*="mix"]):not([class*="blend"]):not([class*="background"]):not([class*="bg"]):not([class*="gradient"]):not([class*="pattern"]):not([class*="repeat"]):not([class*="size"]):not([class*="position"]):not([class*="attachment"]):not([class*="clip"]):not([class*="origin"]):not([class*="image"]):not([class*="rendering"]):not([class*="pixelated"]):not([class*="smooth"]):not([class*="shape"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]):not([class*="preserve"]):not([class*="aspect"]):not([class*="object"]):not([class*="contain"]):not([class*="cover"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]):not([class*="border"]):not([class*="divide"]):not([class*="ring"]):not([class*="outline"]):not([class*="shadow"]):not([class*="drop"]):not([class*="backdrop"]):not([class*="filter"]):not([class*="blur"]):not([class*="brightness"]):not([class*="contrast"]):not([class*="grayscale"]):not([class*="invert"]):not([class*="sepia"]):not([class*="hue"]):not([class*="saturate"]):not([class*="opacity"]):not([class*="mix"]):not([class*="blend"]):not([class*="background"]):not([class*="bg"]):not([class*="gradient"]):not([class*="pattern"]):not([class*="repeat"]):not([class*="size"]):not([class*="position"]):not([class*="attachment"]):not([class*="clip"]):not([class*="origin"]):not([class*="image"]):not([class*="rendering"]):not([class*="pixelated"]):not([class*="smooth"]):not([class*="shape"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]):not([class*="preserve"]):not([class*="aspect"]):not([class*="object"]):not([class*="contain"]):not([class*="cover"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]):not([class*="border"]):not([class*="divide"]):not([class*="ring"]):not([class*="outline"]):not([class*="shadow"]):not([class*="drop"]):not([class*="backdrop"]):not([class*="filter"]):not([class*="blur"]):not([class*="brightness"]):not([class*="contrast"]):not([class*="grayscale"]):not([class*="invert"]):not([class*="sepia"]):not([class*="hue"]):not([class*="saturate"]):not([class*="opacity"]):not([class*="mix"]):not([class*="blend"]):not([class*="background"]):not([class*="bg"]):not([class*="gradient"]):not([class*="pattern"]):not([class*="repeat"]):not([class*="size"]):not([class*="position"]):not([class*="attachment"]):not([class*="clip"]):not([class*="origin"]):not([class*="image"]):not([class*="rendering"]):not([class*="pixelated"]):not([class*="smooth"]):not([class*="shape"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]):not([class*="preserve"]):not([class*="aspect"]):not([class*="object"]):not([class*="contain"]):not([class*="cover"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]):not([class*="border"]):not([class*="divide"]):not([class*="ring"]):not([class*="outline"]):not([class*="shadow"]):not([class*="drop"]):not([class*="backdrop"]):not([class*="filter"]):not([class*="blur"]):not([class*="brightness"]):not([class*="contrast"]):not([class*="grayscale"]):not([class*="invert"]):not([class*="sepia"]):not([class*="hue"]):not([class*="saturate"]):not([class*="opacity"]):not([class*="mix"]):not([class*="blend"]):not([class*="background"]):not([class*="bg"]):not([class*="gradient"]):not([class*="pattern"]):not([class*="repeat"]):not([class*="size"]):not([class*="position"]):not([class*="attachment"]):not([class*="clip"]):not([class*="origin"]):not([class*="image"]):not([class*="rendering"]):not([class*="pixelated"]):not([class*="smooth"]):not([class*="shape"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]):not([class*="preserve"]):not([class*="aspect"]):not([class*="object"]):not([class*="contain"]):not([class*="cover"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]):not([class*="border"]):not([class*="divide"]):not([class*="ring"]):not([class*="outline"]):not([class*="shadow"]):not([class*="drop"]):not([class*="backdrop"]):not([class*="filter"]):not([class*="blur"]):not([class*="brightness"]):not([class*="contrast"]):not([class*="grayscale"]):not([class*="invert"]):not([class*="sepia"]):not([class*="hue"]):not([class*="saturate"]):not([class*="opacity"]):not([class*="mix"]):not([class*="blend"]):not([class*="background"]):not([class*="bg"]):not([class*="gradient"]):not([class*="pattern"]):not([class*="repeat"]):not([class*="size"]):not([class*="position"]):not([class*="attachment"]):not([class*="clip"]):not([class*="origin"]):not([class*="image"]):not([class*="rendering"]):not([class*="pixelated"]):not([class*="smooth"]):not([class*="shape"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]):not([class*="preserve"]):not([class*="aspect"]):not([class*="object"]):not([class*="contain"]):not([class*="cover"]):not([class*="fill"]):not([class*="stroke"]):not([class*="view"]):not([class*="box"]) {
    /* Reset all utility classes */
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Print styles */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    a,
    a:visited {
        text-decoration: underline;
    }
    
    .bg-plum-900,
    .bg-stone-900 {
        background: #fff !important;
        color: #000 !important;
    }
}