theme

const (
	LineXs, LineSm, LineBase, LineBody, LineLg = 1.4, 1.45, 1.3, 1.3, 1.5
	LineTitle, LineXl, LineX2l, LineDisplay    = 1.4, 1.35, 1.3, 1.25
	LineReading, LineSummary, LineProse        = 1.75, 1.65, 1.6
	LineLede, LineTight                        = 1.7, 1
	LineCJK                                    = 1.4  // a CJK line at the fallback font's normal height (the drafts pane's fields, an AI panel's title, the remote-image notice)
	LineSubject                                = 1.35 // a mail's subject over the reader and the drafts pane
	LineRow                                    = 1.45 // settings' labels, subtitles and section titles with CJK in them (LineFor)
)

const (
	Hairline     = 1   // dividers
	MaterialTint = 0.6 // the light Window's opacity over the window material: lighter, as the design, yet still see-through (its 95% is over a bare wallpaper, not a material)
	// DeviceHairline is a border one device pixel wide at any scale: MyGo
	// rounds border widths to whole device pixels, at least one. Borders
	// only; a box or line this thin rounds away.
	DeviceHairline  = 0.01
	SidebarWidth    = 248 // the page sidebars, until the user drags them
	SidebarMinWidth = 240 // the narrowest and widest a drag makes them
	SidebarMaxWidth = 480
	// SidebarCollapsePull is how far past SidebarMinWidth a drag goes on
	// before it folds the sidebar away.
	SidebarCollapsePull = 80
	ListWidth           = 340 // the mail list column, until the user drags it
	ListMinWidth        = 280 // the narrowest and widest a drag makes it
	ListMaxWidth        = 560
	TopBarHeight        = 44   // the top bar's least height
	DialogSmWidth       = 440  // confirmations
	BackdropBlur        = 4    // a dialog's backdrop blurs what is behind it this much
	SheetWidth          = 560  // DialogMd: forms, the add-account dialog
	DialogWideWidth     = 640  // DialogLg
	DialogWideMax       = 788  // DialogLg's tallest
	SheetMaxHeight      = 760  // DialogSm's and DialogMd's tallest
	AsideWidth          = 440  // onboarding's left panel
	FormMaxWidth        = 520  // onboarding's form column
	ContentMaxWidth     = 1040 // settings pages
	ControlWidth        = 220  // settings' wide buttons
	SettingsMaxWidth    = 760  // a settings page's column
	SettingsSelectMin   = 200  // a select in a settings row
	SettingsSelectMax   = 280
	UsageSelectMin      = 240 // a select in the model services' 用途 card
	SettingsInputWidth  = 260 // an input in a settings row
	// SignatureEditorHeight is the signature page: its toolbar (4+28+4 and a
	// hairline) over the editor's least 96 and its 10/10 padding; the editor
	// scrolls inside.
	SignatureEditorHeight = 153
	HeadingGap            = 6  // a page heading to its subtitle
	SectionGap            = 10 // a section's title to its card
	PortWidth             = 90 // port fields
	SelectMinWidth        = 120
	FilterMenuMin         = 200 // a search filter chip's menu
	LabelMenuWidth        = 240 // the reader's label menu
	SyncMenuWidth         = 336 // the top bar's sync status list: 360 with the popover's padding
	LabelSwatch           = 32  // a label color's button: a 24 dot, a 2 ring when chosen
	LabelSwatchDot        = 24
	LabelSwatchRing       = 2
	LabelIconCell         = 36 // a cell of the label icon grid
	ToastMaxWidth         = 420
	ToastMax              = 3  // toasts shown at once
	TitleButtonHeight     = 24 // buttons in the top bar
	PopupOffset           = 4  // room between a popup and its anchor
	SelectedBorder        = 2  // the border of a chosen tile
	GripWidth             = 3  // a resize grip's line, down the middle of the panels' gap
	GripHeight            = 56
	RingWidth             = 3   // shadcn's focused box ring, outside its border
	QuoteBar              = 2   // the bar left of a quote in a mail body
	ImagePlaceholder      = 64  // an image not loaded, when its size is unknown
	ReaderMaxWidth        = 720 // the reading pane's text column
	AttachmentWidth       = 282 // an attachment in the reading pane, with its download button
	DraftAttachmentWidth  = 286 // an attachment in the drafts pane
	WitMaxWidth           = 760 // the Ask page's conversation column
	CitationsWidth        = 320 // the Ask page's cited mail column
)

const (
	IconXs, IconSm, Icon, IconMd, IconLg, IconXl     = 12, 14, 16, 18, 20, 28
	Logo                                             = 64             // the About page's logo
	BrandLogo                                        = 48             // onboarding's brand mark, beside the name
	MarkSm, MarkMd, MarkLg, MarkXl                   = 16, 28, 40, 48 // provider marks
	ServiceMarkOffset                                = 4              // optical alignment with a service name's first line
	CloseButton                                      = 20             // a toast's close button
	LabelChip, LabelChipX, LabelChipXIcon            = 20, 16, 10     // a mail label chip, its × and the ×'s glyph
	Control                                          = 16             // check boxes and radio buttons
	RadioDot, StatusDot                              = 8, 6           // a chosen radio's dot; status dots
	SwitchWidth, SwitchHeight, SwitchThumb           = 32, 18, 14     // a switch's track and thumb
	SwitchInset                                      = (SwitchHeight - SwitchThumb) / 2
	StepDot, PendingDot, DoneBadge                   = 20, 10, 36     // onboarding's check steps, OAuth wait, done mark
	ThemeTileWidth, ThemeTileHeight, ThemeTileGap    = 76, 48, 10     // settings' theme pictures and the space between them
	TileRail, TileSide, TileInset, TileGap, TileLine = 8, 18, 6, 4, 3 // the parts of a theme picture
	SkeletonShort                                    = 160            // a placeholder row's shorter line
	OlderRowHeight                                   = 36             // the list's row while older mail loads from the server
	EmptyIcon, EmptyDescMax                          = 40, 400        // an empty state's icon tile; its text's widest
	GroupHeight, GroupSepHeight                      = 32, 16         // a button group; its separators
	TabUnderline                                     = 2              // the selected underline tab's bottom border
	Watermark                                        = 96             // the empty reader pane's bird
	FormLabelWidth, ModelIDInputWidth                = 96, 132        // a dialog form's label column; the add-model-ID field
	AIButtonHeight, SummaryIndent, CardTracking      = 30, 18, 3      // the reader's Summary/Translate buttons; a summary's bullets; a card value's letter spacing
	SummaryDot                                       = 5              // a summary point's disc
)

const (
	MotionFast = 120 * time.Millisecond
	MotionBase = 200 * time.Millisecond
	// MotionOffset is how far, in DIPs, an overlay rises as it comes in.
	MotionOffset = 4

	SkeletonPulse = 1500 * time.Millisecond // one dim-and-return of a Skeleton
)

const BoldWeight = 600

const FloatInsetBlur = 1

const Mono = "monospace"