/** * Raw design-token values for the Web3Auth component library. * * In Tailwind CSS v4 these tokens live in styles/main.css as :root CSS * variables and @theme definitions. This JS export is kept so that consumers * who need programmatic access to the palette (e.g. charting libraries, * runtime style calculations) can still import it. * * To use the theme in your own Tailwind v4 project, import the CSS file * instead: * * @import "tailwindcss"; * @import "@toruslabs/vue-components/styles/main.css"; */ export declare const colors: { readonly onPrimary: "#ffffff"; readonly primary: { readonly 900: "#233876"; readonly 800: "#1e429f"; readonly 700: "#1a56db"; readonly 600: "#0346ff"; readonly 500: "#3f83f8"; readonly 400: "#76a9fa"; readonly 300: "#a4cafe"; readonly 200: "#c3ddfd"; readonly 100: "#e1effe"; readonly 50: "#ebf5ff"; }; readonly gray: { readonly 900: "#111928"; readonly 800: "#1f2a37"; readonly 700: "#374151"; readonly 600: "#4b5563"; readonly 500: "#6b7280"; readonly 400: "#9ca3af"; readonly 300: "#d1d5db"; readonly 200: "#e5e7eb"; readonly 100: "#f3f4f6"; readonly 50: "#f9fafb"; }; readonly blue: { readonly 900: "#233876"; readonly 800: "#1e429f"; readonly 700: "#1a56db"; readonly 600: "#0346ff"; readonly 500: "#3f83f8"; readonly 400: "#76a9fa"; readonly 300: "#a4cafe"; readonly 200: "#c3ddfd"; readonly 100: "#e1effe"; readonly 50: "#ebf5ff"; }; readonly red: { readonly 900: "#771d1d"; readonly 800: "#9b1c1c"; readonly 700: "#c81e1e"; readonly 600: "#e02424"; readonly 500: "#f05252"; readonly 400: "#f98080"; readonly 300: "#f8b4b4"; readonly 200: "#fbd5d5"; readonly 100: "#fde8e8"; readonly 50: "#fdf2f2"; }; readonly green: { readonly 900: "#014737"; readonly 800: "#03543f"; readonly 700: "#046c4e"; readonly 600: "#057a55"; readonly 500: "#0e9f6e"; readonly 400: "#31c48d"; readonly 300: "#84e1bc"; readonly 200: "#bcf0da"; readonly 100: "#def7ec"; readonly 50: "#f3faf7"; }; readonly yellow: { readonly 900: "#633112"; readonly 800: "#723b13"; readonly 700: "#8e4b10"; readonly 600: "#9f580a"; readonly 500: "#c27803"; readonly 400: "#e3a008"; readonly 300: "#faca15"; readonly 200: "#fce96a"; readonly 100: "#fdf6b2"; readonly 50: "#fdfdea"; }; readonly success: "#30cca4"; readonly warning: "#fbc94a"; readonly error: "#fb4a61"; readonly info: "#d4d4d4"; readonly white: "#ffffff"; readonly black: "#000000"; }; export declare const breakpoints: { readonly smb: "23.75rem"; readonly xs: "27.5rem"; readonly mb: "35.625rem"; readonly tab: "52.5rem"; }; export declare const fonts: { readonly header: "Inter"; readonly body: "Inter"; }; declare const _default: { colors: { readonly onPrimary: "#ffffff"; readonly primary: { readonly 900: "#233876"; readonly 800: "#1e429f"; readonly 700: "#1a56db"; readonly 600: "#0346ff"; readonly 500: "#3f83f8"; readonly 400: "#76a9fa"; readonly 300: "#a4cafe"; readonly 200: "#c3ddfd"; readonly 100: "#e1effe"; readonly 50: "#ebf5ff"; }; readonly gray: { readonly 900: "#111928"; readonly 800: "#1f2a37"; readonly 700: "#374151"; readonly 600: "#4b5563"; readonly 500: "#6b7280"; readonly 400: "#9ca3af"; readonly 300: "#d1d5db"; readonly 200: "#e5e7eb"; readonly 100: "#f3f4f6"; readonly 50: "#f9fafb"; }; readonly blue: { readonly 900: "#233876"; readonly 800: "#1e429f"; readonly 700: "#1a56db"; readonly 600: "#0346ff"; readonly 500: "#3f83f8"; readonly 400: "#76a9fa"; readonly 300: "#a4cafe"; readonly 200: "#c3ddfd"; readonly 100: "#e1effe"; readonly 50: "#ebf5ff"; }; readonly red: { readonly 900: "#771d1d"; readonly 800: "#9b1c1c"; readonly 700: "#c81e1e"; readonly 600: "#e02424"; readonly 500: "#f05252"; readonly 400: "#f98080"; readonly 300: "#f8b4b4"; readonly 200: "#fbd5d5"; readonly 100: "#fde8e8"; readonly 50: "#fdf2f2"; }; readonly green: { readonly 900: "#014737"; readonly 800: "#03543f"; readonly 700: "#046c4e"; readonly 600: "#057a55"; readonly 500: "#0e9f6e"; readonly 400: "#31c48d"; readonly 300: "#84e1bc"; readonly 200: "#bcf0da"; readonly 100: "#def7ec"; readonly 50: "#f3faf7"; }; readonly yellow: { readonly 900: "#633112"; readonly 800: "#723b13"; readonly 700: "#8e4b10"; readonly 600: "#9f580a"; readonly 500: "#c27803"; readonly 400: "#e3a008"; readonly 300: "#faca15"; readonly 200: "#fce96a"; readonly 100: "#fdf6b2"; readonly 50: "#fdfdea"; }; readonly success: "#30cca4"; readonly warning: "#fbc94a"; readonly error: "#fb4a61"; readonly info: "#d4d4d4"; readonly white: "#ffffff"; readonly black: "#000000"; }; breakpoints: { readonly smb: "23.75rem"; readonly xs: "27.5rem"; readonly mb: "35.625rem"; readonly tab: "52.5rem"; }; fonts: { readonly header: "Inter"; readonly body: "Inter"; }; }; export default _default;