@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 45 30% 97%;--foreground: 30 15% 20%;--card: 45 30% 99%;--card-foreground: 30 15% 20%;--popover: 45 30% 99%;--popover-foreground: 30 15% 20%;--primary: 25 75% 47%;--primary-foreground: 45 30% 97%;--secondary: 180 25% 45%;--secondary-foreground: 45 30% 97%;--muted: 45 20% 92%;--muted-foreground: 30 10% 45%;--accent: 45 80% 60%;--accent-foreground: 30 15% 20%;--destructive: 0 70% 55%;--destructive-foreground: 45 30% 97%;--border: 45 20% 88%;--input: 45 20% 88%;--ring: 25 75% 47%;--radius: .75rem;--sidebar-background: 45 30% 95%;--sidebar-foreground: 30 15% 25%;--sidebar-primary: 25 75% 47%;--sidebar-primary-foreground: 45 30% 97%;--sidebar-accent: 45 25% 90%;--sidebar-accent-foreground: 30 15% 20%;--sidebar-border: 45 20% 88%;--sidebar-ring: 25 75% 47%;--success: 145 55% 42%;--warning: 38 90% 55%;--info: 200 70% 50%}}@layer base{*{@apply border-border;}html{scroll-behavior:smooth}body{@apply bg-background text-foreground antialiased;font-feature-settings:"rlig" 1,"calt" 1}}@layer utilities{.text-balance{text-wrap:balance}.large-touch-target{min-height:48px;min-width:48px}.high-contrast{contrast:1.2}}.dementia-friendly{font-size:1.125rem;line-height:1.7;letter-spacing:.01em}.dementia-friendly h1,.dementia-friendly h2,.dementia-friendly h3{font-weight:600;letter-spacing:-.01em}.btn-large{@apply px-8 py-4 text-lg font-semibold rounded-xl;min-height:56px}.interactive-element{@apply transition-all duration-200;}.interactive-element:active{transform:scale(.98)}.interactive-element:focus-visible{@apply ring-2 ring-offset-2 ring-primary;}.memory-card{@apply bg-white rounded-2xl shadow-lg border-2 border-transparent;transition:all .3s ease}.memory-card:hover{@apply border-primary/30 shadow-xl;transform:translateY(-2px)}@keyframes gentle-pulse{0%,to{opacity:1}50%{opacity:.8}}.gentle-pulse{animation:gentle-pulse 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.float-animation{animation:float 4s ease-in-out infinite}@keyframes progress-ring{0%{stroke-dashoffset:283}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{@apply bg-muted rounded-full;}::-webkit-scrollbar-thumb{@apply bg-primary/30 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-primary/50;}*:focus-visible{@apply outline-none ring-2 ring-primary ring-offset-2;}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000026}.gradient-text{background:linear-gradient(135deg,#f59e0b,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background-size:200% 200%;animation:gradient-shift 15s ease infinite}@keyframes notification-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notification-pulse{animation:notification-pulse 2s ease-in-out infinite}.stagger-item{opacity:0;transform:translateY(20px)}.stagger-item.visible{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.btn-primary{@apply px-6 py-3 bg-gradient-to-r from-amber-500 to-orange-500 text-white font-semibold rounded-xl shadow-lg;@apply hover:from-amber-600 hover:to-orange-600 hover:shadow-xl;@apply active:scale-95 transition-all duration-200;}.btn-secondary{@apply px-6 py-3 bg-white text-gray-700 font-semibold rounded-xl border-2 border-gray-200;@apply hover:border-amber-300 hover:bg-amber-50;@apply active:scale-95 transition-all duration-200;}.section-padding{@apply py-12 px-4 sm:px-6 lg:px-8;}.container-max{@apply max-w-7xl mx-auto;}.medication-card{@apply relative overflow-hidden;}.medication-card:before{content:"";@apply absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-green-400 to-green-600;}.routine-card{@apply relative overflow-hidden;}.routine-card:before{content:"";@apply absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-orange-400 to-orange-600;}.memory-card-item{@apply relative overflow-hidden rounded-2xl bg-white shadow-md;@apply hover:shadow-xl transition-all duration-300;}.memory-card-item:hover{transform:translateY(-4px) rotate(1deg)}.activity-card{@apply relative overflow-hidden;}.activity-card:after{content:"";@apply absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 transition-opacity duration-300;}.activity-card:hover:after{@apply opacity-100;}@keyframes progress-fill{0%{width:0%}}.progress-animated{animation:progress-fill 1s ease-out forwards}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.checkmark-animated{animation:checkmark .3s ease-out forwards}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .5s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}@media print{.no-print{display:none!important}body{background:#fff!important}}
