/**
 * Rayden UI design tokens.
 * Colors extracted from the Rayna UI Figma design system.
 */
declare const colors: {
    readonly primary: {
        readonly 50: "#FFECE5";
        readonly 75: "#FCD2C2";
        readonly 100: "#FCB59A";
        readonly 200: "#FA9874";
        readonly 300: "#F77A4A";
        readonly 400: "#F56630";
        readonly 500: "#EB5017";
        readonly 600: "#CC400C";
        readonly 700: "#AD3307";
        readonly 800: "#8F2802";
        readonly 900: "#711E00";
    };
    readonly secondary: {
        readonly 50: "#E3EFFC";
        readonly 75: "#C6DDF7";
        readonly 100: "#B6D8FF";
        readonly 200: "#80BBFF";
        readonly 300: "#3D89DF";
        readonly 400: "#1671D9";
        readonly 500: "#0D5EBA";
        readonly 600: "#034592";
        readonly 700: "#04326B";
        readonly 800: "#012657";
        readonly 900: "#001633";
    };
    readonly grey: {
        readonly 50: "#F9FAFB";
        readonly 75: "#F7F9FC";
        readonly 100: "#F0F2F5";
        readonly 200: "#E4E7EC";
        readonly 300: "#D0D5DD";
        readonly 400: "#98A2B3";
        readonly 500: "#667185";
        readonly 600: "#475367";
        readonly 700: "#344054";
        readonly 800: "#1D2739";
        readonly 900: "#101928";
    };
    readonly success: {
        readonly 50: "#E7F6EC";
        readonly 75: "#B5E3C4";
        readonly 100: "#91D6A8";
        readonly 200: "#5FC381";
        readonly 300: "#40B869";
        readonly 400: "#0F973D";
        readonly 500: "#099137";
        readonly 600: "#04802E";
        readonly 700: "#036B26";
        readonly 800: "#015B20";
        readonly 900: "#004617";
    };
    readonly error: {
        readonly 50: "#FBEAE9";
        readonly 75: "#F2BCBA";
        readonly 100: "#EB9B98";
        readonly 200: "#E26E6A";
        readonly 300: "#DD524D";
        readonly 400: "#D42620";
        readonly 500: "#CB1A14";
        readonly 600: "#BA110B";
        readonly 700: "#9E0A05";
        readonly 800: "#800501";
    };
    readonly warning: {
        readonly 50: "#FEF6E7";
        readonly 75: "#FBE2B7";
        readonly 100: "#F7D394";
        readonly 200: "#F7C164";
        readonly 300: "#F5B546";
        readonly 400: "#F3A218";
        readonly 500: "#DD900D";
        readonly 600: "#AD6F07";
        readonly 700: "#865503";
        readonly 800: "#664101";
    };
    readonly info: {
        readonly 400: "#0BA5EC";
        readonly 500: "#0086C9";
    };
    readonly officeBrown: {
        readonly 100: "#E4DBDB";
        readonly 200: "#CDC4C4";
        readonly 300: "#B7AFAF";
        readonly 400: "#A29999";
        readonly 500: "#8D8484";
        readonly 600: "#787070";
        readonly 700: "#645D5D";
        readonly 800: "#514A4A";
        readonly 900: "#3E3838";
    };
};
type RaydenColors = typeof colors;
/**
 * Shadow tokens from Rayna UI Figma design system.
 */
declare const shadows: {
    readonly soft: {
        readonly xxs: "0px 1.5px 4px -1px rgba(16, 25, 40, 0.07)";
        readonly xs: "0px 2px 4px -1px rgba(16, 25, 40, 0.02), 0px 5px 13px -5px rgba(16, 25, 40, 0.05)";
        readonly sm: "0px 10px 18px -2px rgba(16, 25, 40, 0.07)";
        readonly md: "0px 0px 3px -1px rgba(16, 25, 40, 0.04), 0px 14px 22px -9px rgba(16, 25, 40, 0.14)";
        readonly lg: "0px 4px 6px -2px rgba(16, 25, 40, 0.03), 0px 16px 24px -4px rgba(16, 25, 40, 0.08)";
        readonly xl: "0px 8px 8px -4px rgba(16, 25, 40, 0.03), 0px 24px 32px -4px rgba(16, 25, 40, 0.08)";
        readonly "2xl": "0px 32px 54px -12px rgba(16, 25, 40, 0.18)";
        readonly "3xl": "0px 40px 72px -12px rgba(16, 25, 40, 0.14)";
    };
    readonly hard: {
        readonly xxs: "0px 2px 5px -2px rgba(16, 25, 40, 0.06), 0px 2px 7px 0px rgba(16, 25, 40, 0.05), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)";
        readonly xs: "0px 2px 12px -1px rgba(16, 25, 40, 0.1), 0px 2px 2px -1px rgba(16, 25, 40, 0.04), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)";
        readonly sm: "0px 6px 16px 0px rgba(16, 25, 40, 0.08), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)";
        readonly md: "0px 0px 3px -1px rgba(16, 25, 40, 0.04), 0px 16px 24px -6px rgba(16, 25, 40, 0.08), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)";
    };
};
/**
 * Blur tokens (backdrop-blur / filter blur).
 */
declare const blurs: {
    readonly xs: "2px";
    readonly sm: "4px";
    readonly md: "12px";
    readonly lg: "16px";
    readonly xl: "20px";
};
/**
 * Spacing scale (4px base).
 * Keys are the multiplier; values are px.
 */
declare const spacing: {
    readonly 1: "4px";
    readonly 2: "8px";
    readonly 3: "12px";
    readonly 4: "16px";
    readonly 5: "20px";
    readonly 6: "24px";
    readonly 7: "28px";
    readonly 8: "32px";
    readonly 10: "40px";
    readonly 12: "48px";
    readonly 16: "64px";
    readonly 20: "80px";
    readonly 24: "96px";
    readonly 32: "128px";
    readonly 40: "160px";
    readonly 48: "192px";
};
/**
 * Grid breakpoints and layout tokens.
 */
declare const grid: {
    readonly breakpoints: {
        readonly sm: "320px";
        readonly md: "600px";
        readonly lg: "1136px";
    };
    readonly columns: {
        readonly sm: {
            readonly 4: {
                readonly margin: "16px";
                readonly gutter: "12px";
            };
            readonly 6: {
                readonly margin: "16px";
                readonly gutter: "12px";
            };
        };
        readonly md: {
            readonly 6: {
                readonly margin: "32px";
                readonly gutter: "20px";
            };
            readonly 8: {
                readonly margin: "32px";
                readonly gutter: "20px";
            };
        };
        readonly lg: {
            readonly 12: {
                readonly margin: "112px";
                readonly gutter: "32px";
            };
        };
    };
    readonly fluid: {
        readonly columns: 12;
        readonly margin: "24px";
        readonly gutter: "24px";
    };
};
/**
 * Typography tokens.
 */
declare const typography: {
    readonly display: {
        readonly lg: {
            readonly size: "56px";
            readonly lineHeight: 1;
            readonly letterSpacing: "-0.04em";
        };
        readonly sm: {
            readonly size: "48px";
            readonly lineHeight: 1;
            readonly letterSpacing: "-0.04em";
        };
    };
    readonly heading: {
        readonly h1: {
            readonly size: "40px";
            readonly lineHeight: 1.2;
            readonly letterSpacing: "-0.04em";
        };
        readonly h2: {
            readonly size: "36px";
            readonly lineHeight: 1.2;
            readonly letterSpacing: "-0.04em";
        };
        readonly h3: {
            readonly size: "32px";
            readonly lineHeight: 1.2;
            readonly letterSpacing: "-0.02em";
        };
        readonly h4: {
            readonly size: "28px";
            readonly lineHeight: 1.2;
            readonly letterSpacing: "-0.02em";
        };
        readonly h5: {
            readonly size: "24px";
            readonly lineHeight: 1.2;
            readonly letterSpacing: "-0.02em";
        };
        readonly h6: {
            readonly size: "20px";
            readonly lineHeight: 1.2;
            readonly letterSpacing: "-0.02em";
        };
    };
    readonly body: {
        readonly lg: {
            readonly size: "18px";
            readonly lineHeight: 1.45;
            readonly letterSpacing: "0";
        };
        readonly md: {
            readonly size: "16px";
            readonly lineHeight: 1.45;
            readonly letterSpacing: "0";
        };
        readonly sm: {
            readonly size: "14px";
            readonly lineHeight: 1.45;
            readonly letterSpacing: "0";
        };
        readonly xs: {
            readonly size: "12px";
            readonly lineHeight: 1.45;
            readonly letterSpacing: "0";
        };
    };
    readonly caption: {
        readonly lg: {
            readonly size: "14px";
            readonly lineHeight: 1.2;
            readonly letterSpacing: "0.12em";
        };
        readonly sm: {
            readonly size: "12px";
            readonly lineHeight: 1.2;
            readonly letterSpacing: "0.12em";
        };
        readonly xs: {
            readonly size: "10px";
            readonly lineHeight: 1.2;
            readonly letterSpacing: "0.16em";
        };
    };
};

export { type RaydenColors, blurs, colors, grid, shadows, spacing, typography };
