@font-face {
    font-family: "Barlow";
    src: url("/fonts/Barlow-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Barlow";
    src: url("/fonts/Barlow-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Barlow";
    src: url("/fonts/Barlow-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Barlow";
    src: url("/fonts/Barlow-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Barlow";
    src: url("/fonts/Barlow-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    color-scheme: light;
    --silanes-red: #ed1c24;
    --silanes-red-dark: #9b001b;
    --silanes-red-soft: #c1121f;
    --ink: #101828;
    --muted: #667085;
    --line: rgba(16, 24, 40, .10);
    --surface: #ffffff;
    --soft-bg: #f6f7fb;
    --teal: #0f766e;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    min-height: 100vh;
    font-family: "Barlow", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--ink);
    background:
        radial-gradient(circle at 9% 8%, rgba(143, 0, 4, .13), transparent 25rem),
        radial-gradient(circle at 88% 2%, rgba(15, 118, 110, .13), transparent 24rem),
        linear-gradient(180deg, #fbfbfd 0%, #f4f6fb 48%, #eef2f7 100%);
}

img { max-width: 100%; }
button, input, a { font: inherit; }
.d-none { display: none !important; }