:root {
    --primary-color: #00da24;
    --primary-dark: #1E40AF;
    --primary-orange: #f67748;
    --primary-orange-dark: #d95e2e;
    --secondary-color: #10B981;
    --dark-bg: #f9efe4;
    --light-bg: #f9efe4;
    --text-main: #222222;
    --text-muted: #64748B;
    --text-blue: #00da24;
    --text-filter: #ffffff;
    --border-color: #E2E8F0;
    --scribble-color: #00da24;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --font-sans:  "Segoe UI",  Helvetica, Arial, sans-serif;
}

body {
    font-family: var(--font-sans);
    color: var(--text-main);
    /* background-color: #ffffff; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
    overflow-x: hidden;
    width: 100%;
    background:#fbfcf5!important;
}

a { text-decoration: none; color: inherit; transition: color 0.2s; }
h1, h2, h3 { font-weight: 700; letter-spacing: -0.025em; color: var(--text-main); }
h4, h5, h6 { font-weight: 400; letter-spacing: -0.025em; color: var(--text-main); }