:root{--color-bg: #f7f6f1;--color-surface: #ffffff;--color-text: #1e293b;--color-accent: #1e9f79;--color-accent-2: #17835f;--color-divider: color-mix(in srgb, #1e293b 14%, transparent);--color-corner-yellow: #f9b604;--color-corner-blue: #317ee9;--color-corner-red: #e3372b;--color-corner-green: #1e9f79;--color-neutral-500: color-mix(in oklch, white 46%, #1e293b 54%);--color-neutral-600: color-mix(in oklch, white 32%, #1e293b 68%);--color-neutral-700: color-mix(in oklch, white 20%, #1e293b 80%);--color-accent-100: color-mix(in oklch, white 90%, #1e9f79 10%);--color-accent-200: color-mix(in oklch, white 78%, #1e9f79 22%);--color-accent-700: color-mix(in oklch, #1e9f79 70%, black 30%);--color-accent-800: color-mix(in oklch, #1e9f79 55%, black 45%);--font-heading: "Poppins", system-ui, sans-serif;--font-heading-weight: 800;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}a{color:var(--color-accent-2);text-decoration:none}a:hover{color:var(--color-accent-700)}button{font-family:var(--font-body)}img{max-width:100%}