@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #2B4C5C;--color-secondary: #A8C4A2;--color-accent: #F4A261;--color-muted: #7BA7BC;--color-background: #FFFFFF;--color-text: #2C3E50;--border-radius: 12px;--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}@theme{ --color-primary-teal: #2B4C5C; --color-sage-green: #A8C4A2; --color-muted-blue: #7BA7BC; --color-warm-amber: #F4A261; --color-clean-white: #FFFFFF; --color-dark-charcoal: #2C3E50; --font-family-sans: Inter, system-ui, sans-serif; --border-radius-pelajari: 12px; --spacing-safe-bottom: env(safe-area-inset-bottom, 0px); --spacing-safe-top: env(safe-area-inset-top, 0px); --breakpoint-mobile: 768px; --breakpoint-tablet: 1024px; --breakpoint-desktop: 1280px; }*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-feature-settings:normal}body{margin:0;line-height:inherit;font-family:Inter,system-ui,sans-serif;background-color:var(--color-background);color:var(--color-text)}@media (max-width: 768px){body{padding-bottom:env(safe-area-inset-bottom,0px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.focus-visible:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}