/** One email colour slot and the web role it is derived from. `hsl` is the raw channel triplet. */ export interface EmailColorSource { /** The semantic role in src/tokens/foundation.css this slot mirrors. */ readonly cssVar: string; /** The role's HSL channel triplet, verbatim (`H S% L%`). Converted to hex at module load. */ readonly hsl: string; } /** Light-scheme colour sources — the canonical transactional-email palette. */ export declare const EMAIL_COLOR_SOURCE: { readonly background: { readonly cssVar: "--background"; readonly hsl: "60 33% 99%"; }; readonly foreground: { readonly cssVar: "--foreground"; readonly hsl: "48 8% 13%"; }; readonly surface: { readonly cssVar: "--card"; readonly hsl: "60 33% 99%"; }; readonly surfaceForeground: { readonly cssVar: "--card-foreground"; readonly hsl: "48 8% 13%"; }; readonly muted: { readonly cssVar: "--muted"; readonly hsl: "45 15% 95%"; }; readonly mutedForeground: { readonly cssVar: "--muted-foreground"; readonly hsl: "44 5% 39%"; }; readonly border: { readonly cssVar: "--border"; readonly hsl: "30 7% 93%"; }; readonly primary: { readonly cssVar: "--primary"; readonly hsl: "268.7 100% 50%"; }; readonly primaryForeground: { readonly cssVar: "--primary-foreground"; readonly hsl: "60 33% 99%"; }; readonly focus: { readonly cssVar: "--primary"; readonly hsl: "268.7 100% 50%"; }; readonly brand: { readonly cssVar: "--brand"; readonly hsl: "268.7 100% 50%"; }; readonly brandForeground: { readonly cssVar: "--brand-foreground"; readonly hsl: "60 33% 99%"; }; readonly urgency: { readonly cssVar: "--attention"; readonly hsl: "25 99% 46%"; }; readonly urgencyForeground: { readonly cssVar: "--attention-foreground"; readonly hsl: "48 8% 13%"; }; }; /** Dark-scheme colour sources, for `@media (prefers-color-scheme: dark)` overrides. */ export declare const EMAIL_COLOR_SOURCE_DARK: { readonly background: { readonly cssVar: "--background"; readonly hsl: "48 9% 9%"; }; readonly foreground: { readonly cssVar: "--foreground"; readonly hsl: "60 20% 96%"; }; readonly surface: { readonly cssVar: "--card"; readonly hsl: "48 8% 12%"; }; readonly surfaceForeground: { readonly cssVar: "--card-foreground"; readonly hsl: "60 20% 96%"; }; readonly muted: { readonly cssVar: "--muted"; readonly hsl: "45 6% 18%"; }; readonly mutedForeground: { readonly cssVar: "--muted-foreground"; readonly hsl: "44 6% 64%"; }; readonly border: { readonly cssVar: "--border"; readonly hsl: "45 6% 19%"; }; readonly primary: { readonly cssVar: "--primary"; readonly hsl: "268.7 100% 86.9%"; }; readonly primaryForeground: { readonly cssVar: "--primary-foreground"; readonly hsl: "48 9% 9%"; }; readonly focus: { readonly cssVar: "--primary"; readonly hsl: "268.7 100% 86.9%"; }; readonly brand: { readonly cssVar: "--brand"; readonly hsl: "268.7 100% 86.9%"; }; readonly brandForeground: { readonly cssVar: "--brand-foreground"; readonly hsl: "48 9% 9%"; }; readonly urgency: { readonly cssVar: "--attention"; readonly hsl: "25 95% 56%"; }; readonly urgencyForeground: { readonly cssVar: "--attention-foreground"; readonly hsl: "48 9% 9%"; }; }; /** Raw `--email-*` declarations from the component token tier, verbatim. */ export declare const EMAIL_GEOMETRY_SOURCE: { readonly "--email-shell-width": "480px"; readonly "--email-shell-padding": "32px"; readonly "--email-shell-page-padding": "24px"; readonly "--email-shell-border-width": "1px"; readonly "--email-card-radius": "10px"; readonly "--email-card-reference-height": "407px"; readonly "--email-stack-gap": "24px"; readonly "--email-stack-gap-sm": "12px"; readonly "--email-mark-width": "22px"; readonly "--email-mark-height": "22px"; readonly "--email-mark-gap": "8px"; readonly "--email-wordmark-font-size": "13px"; readonly "--email-wordmark-font-weight": "700"; readonly "--email-font-family-sans": "'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic Medium', YuGothic, 'M PLUS 2', Meiryo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, Arial, sans-serif"; readonly "--email-font-family-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"; readonly "--email-body-font-size": "14px"; readonly "--email-body-line-height": "1.9"; readonly "--email-body-font-weight": "400"; readonly "--email-heading-font-size": "17px"; readonly "--email-heading-line-height": "1.7"; readonly "--email-heading-font-weight": "500"; readonly "--email-cta-height": "44px"; readonly "--email-cta-line-height": "44px"; readonly "--email-cta-padding-x": "16px"; readonly "--email-cta-radius": "6px"; readonly "--email-cta-font-size": "14px"; readonly "--email-cta-font-weight": "500"; readonly "--email-footer-font-size": "11px"; readonly "--email-footer-line-height": "1.8"; readonly "--email-footer-link-gap": "12px"; readonly "--email-footer-padding-top": "20px"; readonly "--email-footer-border-width": "1px"; readonly "--email-focus-border-width": "2px"; readonly "--email-mobile-max-width": "520px"; readonly "--email-mobile-width": "100%"; readonly "--email-mobile-padding": "20px"; readonly "--email-mobile-page-padding": "12px"; readonly "--email-mobile-heading-font-size": "16px"; readonly "--email-mobile-cta-width": "100%"; }; /** * The GoDX identity artwork — the same two paths `` paints, from * `src/brand/godx-mark.ts`. Regenerate with the rest of this file; `--check` fails on drift. */ export declare const EMAIL_MARK_SOURCE: { readonly viewBox: "0 0 32 32"; readonly transform: "translate(0 3.917) scale(0.132780)"; readonly bodyPath: "M93.0 0.0H158.0C161.0 0.0 162.0 1.0 164.0 3.0L197.0 41.0Q201.0 46.0 195.0 46.0H97.0C71.0 46.0 50.0 68.0 50.0 94.0C50.0 119.0 72.0 138.0 97.0 138.0H126.0Q132.0 138.0 128.0 143.0L95.0 180.0Q93.0 182.0 90.0 182.0C65.0 182.0 44.0 171.0 25.0 151.0C7.0 132.0 0.0 115.0 0.0 94.0C0.0 69.0 11.0 52.0 31.0 31.0C52.0 9.0 70.0 0.0 93.0 0.0Z"; readonly arrowPath: "M106.0 74.0H219.0Q222.0 74.0 224.0 77.0L239.0 94.0Q243.0 99.0 239.0 104.0L169.0 178.0Q165.0 182.0 160.0 182.0H114.0Q108.0 182.0 112.0 178.0L151.0 137.0Q154.0 134.0 151.0 131.0L104.0 81.0Q98.0 74.0 106.0 74.0Z"; };