@import url('https://fonts.googleapis.com/css2?family=Abril:wght@300;400;600;700&family=Source+Sans+3:wght@300;400;600;700&display=swap');

    
    :root {
      --background: #fff8ee;
--foreground: #5b3a29;
--card: #fffdf8;
--card-foreground: #5b3a29;
--popover: #fffdf8;
--popover-foreground: #5b3a29;
--primary: #c26d3d;
--primary-foreground: #fff8ee;
--secondary: #f5dfc3;
--secondary-foreground: #7a4c30;
--muted: #f9ebd7;
--muted-foreground: #a37c62;
--accent: #d6a75e;
--accent-foreground: #5b3a29;
--destructive: #b8513f;
--border: #ecd3b1;
--input: #ecd3b1;
--ring: #d39856;
--chart-1: #c26d3d;
--chart-2: #d6a75e;
--chart-3: #8d5b44;
--chart-4: #f0c987;
--chart-5: #b8513f;
--sidebar: #fdf2e2;
--sidebar-foreground: #5b3a29;
--sidebar-primary: #b86635;
--sidebar-primary-foreground: #fff8ee;
--sidebar-accent: #f0e0c8;
--sidebar-accent-foreground: #7a4c30;
--sidebar-border: #ecd3b1;
--sidebar-ring: #d9a764;
--hero-gradient-from: #c26d3d;
--hero-gradient-via: #d6a75e;
--hero-gradient-to: #fff8ee;
--hero-glow-primary: rgba(194, 109, 61, 0.18);
--hero-glow-accent: rgba(214, 167, 94, 0.14);
--surface-glass-bg: rgba(255, 253, 248, 0.78);
--surface-glass-border: rgba(236, 211, 177, 0.92);
--surface-glass-foreground: #5b3a29;
--surface-shadow-hover: 0 18px 50px rgba(194, 109, 61, 0.16);
--shadow-effect: 0 16px 34px rgba(194, 109, 61, 0.14);
--hover-effect: rgba(194, 109, 61, 0.09);
--editor-outline-color: #ffc857;
--hint-bg: #5b3a29;
--hint-fg: #fff8ee;
--hint-border: #c26d3d;
--hint-radius: 0.5rem;
--hint-shadow: 0 8px 24px rgba(44, 22, 18, 0.22);
--hint-font-size: 12px;
--hint-padding-x: 0.5rem;
--hint-padding-y: 0.25rem;
--toast-bg: #fffdf8;
--toast-fg: #5b3a29;
--toast-border: #ecd3b1;
--toast-success-bg: #ecfdf3;
--toast-success-fg: #166534;
--toast-success-border: #bbf7d0;
--toast-error-bg: #fef2f2;
--toast-error-fg: #b91c1c;
--toast-error-border: #fecaca;
--toast-info-bg: #fff3df;
--toast-info-fg: #9a6238;
--toast-info-border: #edc08d;
--toast-warning-bg: #fff6d8;
--toast-warning-fg: #a36a11;
--toast-warning-border: #e7c46d;
--toast-radius: 0.75rem;
--toast-shadow: 0 12px 30px rgba(69, 26, 3, 0.16);
--toast-font-size: 13px;
--toast-padding-x: 1rem;
--toast-padding-y: 1rem;
--radius: 0.95rem;
--font-heading: Abril;
--font-body: Source Sans 3;
--font-weighting: 300;400;600;700;
--root-font-size: 16px;
--p-font-size: 1rem;
--p-line-height: 1.75rem;
--p-letter-spacing: 0em;
--p-font-weight: 400;
--h1-font-size: 3rem;
--h1-line-height: 3.5rem;
--h1-letter-spacing: -0.02em;
--h1-font-weight: 300;
--h2-font-size: 2.25rem;
--h2-line-height: 2.5rem;
--h2-letter-spacing: -0.015em;
--h2-font-weight: 300;
--h3-font-size: 1.5rem;
--h3-line-height: 1.75rem;
--h3-letter-spacing: -0.01em;
--h3-font-weight: 300;
--h4-font-size: 1.25rem;
--h4-line-height: 1.5rem;
--h4-letter-spacing: -0.005em;
--h4-font-weight: 400;
--h5-font-size: 1.125rem;
--h5-line-height: 1.5rem;
--h5-letter-spacing: 0em;
--h5-font-weight: 400;
--h6-font-size: 1rem;
--h6-line-height: 1.5rem;
--h6-letter-spacing: 0.01em;
--h6-font-weight: 400;
    }
    @media (prefers-color-scheme: dark) {
      :root {
        --background: #fff8ee;
--foreground: #5b3a29;
--card: #fffdf8;
--card-foreground: #5b3a29;
--popover: #fffdf8;
--popover-foreground: #5b3a29;
--primary: #c26d3d;
--primary-foreground: #fff8ee;
--secondary: #f5dfc3;
--secondary-foreground: #7a4c30;
--muted: #f9ebd7;
--muted-foreground: #a37c62;
--accent: #d6a75e;
--accent-foreground: #5b3a29;
--destructive: #b8513f;
--border: #ecd3b1;
--input: #ecd3b1;
--ring: #d39856;
--chart-1: #c26d3d;
--chart-2: #d6a75e;
--chart-3: #8d5b44;
--chart-4: #f0c987;
--chart-5: #b8513f;
--sidebar: #fdf2e2;
--sidebar-foreground: #5b3a29;
--sidebar-primary: #b86635;
--sidebar-primary-foreground: #fff8ee;
--sidebar-accent: #f0e0c8;
--sidebar-accent-foreground: #7a4c30;
--sidebar-border: #ecd3b1;
--sidebar-ring: #d9a764;
--hero-gradient-from: #c26d3d;
--hero-gradient-via: #d6a75e;
--hero-gradient-to: #fff8ee;
--hero-glow-primary: rgba(194, 109, 61, 0.18);
--hero-glow-accent: rgba(214, 167, 94, 0.14);
--surface-glass-bg: rgba(255, 253, 248, 0.78);
--surface-glass-border: rgba(236, 211, 177, 0.92);
--surface-glass-foreground: #5b3a29;
--surface-shadow-hover: 0 18px 50px rgba(194, 109, 61, 0.16);
--shadow-effect: 0 16px 34px rgba(194, 109, 61, 0.14);
--hover-effect: rgba(194, 109, 61, 0.09);
--editor-outline-color: #ffc857;
--hint-bg: #5b3a29;
--hint-fg: #fff8ee;
--hint-border: #c26d3d;
--hint-radius: 0.5rem;
--hint-shadow: 0 8px 24px rgba(44, 22, 18, 0.22);
--hint-font-size: 12px;
--hint-padding-x: 0.5rem;
--hint-padding-y: 0.25rem;
--toast-bg: #fffdf8;
--toast-fg: #5b3a29;
--toast-border: #ecd3b1;
--toast-success-bg: #ecfdf3;
--toast-success-fg: #166534;
--toast-success-border: #bbf7d0;
--toast-error-bg: #fef2f2;
--toast-error-fg: #b91c1c;
--toast-error-border: #fecaca;
--toast-info-bg: #fff3df;
--toast-info-fg: #9a6238;
--toast-info-border: #edc08d;
--toast-warning-bg: #fff6d8;
--toast-warning-fg: #a36a11;
--toast-warning-border: #e7c46d;
--toast-radius: 0.75rem;
--toast-shadow: 0 12px 30px rgba(69, 26, 3, 0.16);
--toast-font-size: 13px;
--toast-padding-x: 1rem;
--toast-padding-y: 1rem;
--radius: 0.95rem;
--font-heading: Abril;
--font-body: Source Sans 3;
--font-weighting: 300;400;600;700;
--root-font-size: 16px;
--p-font-size: 1rem;
--p-line-height: 1.75rem;
--p-letter-spacing: 0em;
--p-font-weight: 400;
--h1-font-size: 3rem;
--h1-line-height: 3.5rem;
--h1-letter-spacing: -0.02em;
--h1-font-weight: 300;
--h2-font-size: 2.25rem;
--h2-line-height: 2.5rem;
--h2-letter-spacing: -0.015em;
--h2-font-weight: 300;
--h3-font-size: 1.5rem;
--h3-line-height: 1.75rem;
--h3-letter-spacing: -0.01em;
--h3-font-weight: 300;
--h4-font-size: 1.25rem;
--h4-line-height: 1.5rem;
--h4-letter-spacing: -0.005em;
--h4-font-weight: 400;
--h5-font-size: 1.125rem;
--h5-line-height: 1.5rem;
--h5-letter-spacing: 0em;
--h5-font-weight: 400;
--h6-font-size: 1rem;
--h6-line-height: 1.5rem;
--h6-letter-spacing: 0.01em;
--h6-font-weight: 400;
      }
    }