import Color from 'color' ; interface ShiftTheme { fontFamily : string ; monospaceFontFamily : string ; shiftPink : Color ; shiftPinkShade : Color ; shiftYellow : Color ; shiftYellowShade : Color ; textColor : Color ; textColorInverted : Color ; backgroundColor : Color ; } const GothamNotoFontFamily = [ 'Gotham' , 'Gotham SSm A' , 'Gotham SSm B' , 'Noto Sans KR' , '-apple-system' , 'BlinkMacSystemFont' , 'Segoe UI' , 'Roboto' , 'Helvetica Neue' , 'Arial' , 'Noto Sans' , 'sans-serif' , 'Apple Color Emoji' , 'Segoe UI Emoji' , 'Segoe UI Symbol' , 'Noto Color Emoji' , ] . map ( ( f ) => ( f . includes ( ' ' ) ? `"${ f }"` : f ) ) . join ( ',' ) ; const GothamNotoMonospaceFontFamily = [ 'Gotham SSm Tabular A' , 'Gotham SSm Tabular B' , 'monospace' , ] . map ( ( f ) => ( f . includes ( ' ' ) ? `"${ f }"` : f ) ) . join ( ',' ) ; const White = Color . rgb ( 255 , 255 , 255 ) ; const ShiftPink = Color . rgb ( 255 , 59 , 87 ) ; const ShiftPinkShade = Color . rgb ( 244 , 47 , 85 ) ; const ShiftYellow = Color . rgb ( 255 , 183 , 23 ) ; const ShiftYellowShade = Color . rgb ( 255 , 167 , 26 ) ; const ShiftBlack = Color . rgb ( 11 , 27 , 56 ) ; const Breakpoints = { xs : 0 , sm : 600 , md : 960 , lg : 1280 , xl : 1920 , } ; const Light = { fontFamily : GothamNotoFontFamily , monospaceFontFamily : GothamNotoMonospaceFontFamily , shiftPink : ShiftPink , shiftPinkShade : ShiftPinkShade , shiftYellow : ShiftYellow , shiftYellowShade : ShiftYellowShade , textColor : ShiftBlack , textColorInverted : White , backgroundColor : White , } ; const Dark = { fontFamily : GothamNotoFontFamily , monospaceFontFamily : GothamNotoMonospaceFontFamily , shiftPink : ShiftPink , shiftPinkShade : ShiftPinkShade , shiftYellow : ShiftYellow , shiftYellowShade : ShiftYellowShade , textColor : White , textColorInverted : ShiftBlack , backgroundColor : ShiftBlack , } ; const castShadow = ( color , x , y , r , s ? ) => { return `${ x }em ${ y }em ${ r }em ${ s !== undefined ? `${ s }em ` : `` }${ color . alpha ( 0.15 ) . toString ( ) }` ; } ; export type { ShiftTheme } ; export { Breakpoints , Light , Dark , castShadow } ;