@layer base, starlight, theme, components, utilities;
@import "@astrojs/starlight-tailwind";
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/utilities.css" layer(utilities);
@plugin "../tailwind-plugin/tw-theme";
@plugin "../tailwind-plugin/tw-bs-grid";
:root {
--sl-color-accent-low: color-mix(in srgb, var(--color-primary), #000 90%);
--sl-color-accent: var(--color-primary);
--sl-color-accent-high: color-mix(in srgb, var(--color-primary), #fff 70%);
--sl-color-white: var(--color-light);
--sl-color-gray-1: color-mix(
in srgb,
var(--color-dark) 6%,
var(--color-light) 94%
);
--sl-color-gray-2: color-mix(
in srgb,
var(--color-dark) 24%,
var(--color-light) 76%
);
--sl-color-gray-3: color-mix(
in srgb,
var(--color-dark) 45%,
var(--color-light) 55%
);
--sl-color-gray-4: color-mix(
in srgb,
var(--color-dark) 65%,
var(--color-light) 35%
);
--sl-color-gray-5: color-mix(
in srgb,
var(--color-dark) 78%,
var(--color-light) 22%
);
--sl-color-gray-6: color-mix(
in srgb,
var(--color-dark) 85%,
var(--color-light) 15%
);
--sl-color-black: var(--color-dark);
--sl-sidebar-width: 320px;
--sl-color-hairline: color-mix(
in srgb,
var(--sl-color-white) 10%,
transparent
);
--sl-color-hairline-light:#252525;
}
:root[data-theme="light"] {
--sl-color-accent-low: color-mix(
in srgb,
var(--color-lightmode-primary),
#fff 70%
);
--sl-color-accent: var(--color-lightmode-primary);
--sl-color-accent-high: color-mix(
in srgb,
var(--color-lightmode-primary),
#000 90%
);
--sl-color-white: var(--color-lightmode-light);
--sl-color-gray-1: color-mix(
in srgb,
var(--color-lightmode-dark) 15%,
var(--color-lightmode-light) 85%
);
--sl-color-gray-2: color-mix(
in srgb,
var(--color-lightmode-dark) 22%,
var(--color-lightmode-light) 78%
);
--sl-color-gray-3: color-mix(
in srgb,
var(--color-lightmode-dark) 35%,
var(--color-lightmode-light) 65%
);
--sl-color-gray-4: color-mix(
in srgb,
var(--color-lightmode-dark) 55%,
var(--color-lightmode-light) 45%
);
--sl-color-gray-5: color-mix(
in srgb,
var(--color-lightmode-dark) 76%,
var(--color-lightmode-light) 24%
);
--sl-color-gray-6: color-mix(
in srgb,
var(--color-lightmode-dark) 94%,
var(--color-lightmode-light) 6%
);
--sl-color-gray-7: color-mix(
in srgb,
var(--color-lightmode-dark) 96%,
var(--color-lightmode-light) 4%
);
--sl-color-black: var(--color-lightmode-dark);
}
@theme {
--color-primary-gradient: linear-gradient(
35.65deg,
#3a1c71 -10.94%,
var(--color-primary) 61.04%,
#ffca7b 133.01%
);
}
@import "./base.css";
@import "./navigation.css";
@import "./components.css";
@import "./button.css";
@import "./landing.css";