/* Generated by BrandGen. Do not edit by hand. */
/* Typography sizes are in rem, computed against the browser default root font-size of 16px -- consumers must not override the root font-size without re-deriving these values. */
/*
 * Focus indicators are two-tone. A single violet CAN graze 3:1 against
 * both the light page and the deep-violet action fill (as this token's
 * pre-two-tone value did, at a razor-thin ~3.16-3.21:1 worst case) -- but
 * two tones buys real margin on the ring itself (>=4.5:1 against every
 * surface it's drawn on) instead of a compromise hue sitting right at the
 * WCAG 2.2 SC 1.4.11 floor. The focused button's own border-vs-fill
 * relationship (dark mode only -- see component.button.primary.border) is
 * a separate, looser contract at SC 1.4.11's actual non-text minimum,
 * >=3:1, currently measured at >=4.19:1. --tsw-color-focus-ring
 * (the outer ring) is paired with --tsw-color-focus-ring-inner (a halo
 * the same colour as the surface underneath). Render both together, e.g.:
 *   outline: 2px solid var(--tsw-color-focus-ring);
 *   outline-offset: 2px;
 *   box-shadow: 0 0 0 2px var(--tsw-color-focus-ring-inner);
 * (the box-shadow sits in the outline-offset gap, matching the page so
 * the ring reads as separated from whatever it surrounds; an inset
 * `box-shadow: inset 0 0 0 2px var(--tsw-color-focus-ring-inner)` works
 * as well when there's no room for an offset outline).
 */

:root {
  --tsw-button-primary-background: #6B0395;
  --tsw-button-primary-border: #6B0395;
  --tsw-button-primary-foreground: #FFFFFF;
  --tsw-button-secondary-background: #EDEAEF;
  --tsw-button-secondary-border: #6F6B72;
  --tsw-button-secondary-foreground: #272629;
  --tsw-card-background: #FFFFFF;
  --tsw-card-border: #6F6B72;
  --tsw-input-background: #FFFFFF;
  --tsw-input-border: #6F6B72;
  --tsw-input-border-focus: #540A75;
  --tsw-nav-active-foreground: #6B0395;
  --tsw-nav-background: #FFFFFF;
  --tsw-nav-foreground: #272629;
  --tsw-color-action-primary: #6B0395;
  --tsw-color-action-primary-hover: #540A75;
  --tsw-color-action-primary-pressed: #3B0154;
  --tsw-color-action-secondary: #EDEAEF;
  --tsw-color-border-default: #6F6B72;
  --tsw-color-border-strong: #4B484D;
  --tsw-color-focus-ring: #540A75;
  --tsw-color-focus-ring-inner: #FFFFFF;
  --tsw-color-status-danger-surface: #FFF1F2;
  --tsw-color-status-danger-text: #9C243E;
  --tsw-color-status-info-surface: #DEFCFF;
  --tsw-color-status-info-text: #00656E;
  --tsw-color-status-success-surface: #E2FFDE;
  --tsw-color-status-success-text: #0A6C00;
  --tsw-color-status-warning-surface: #FFF5D6;
  --tsw-color-status-warning-text: #69571C;
  --tsw-color-surface-base: #FFFFFF;
  --tsw-color-surface-hero: #9E00D9;
  --tsw-color-surface-overlay: #00000066;
  --tsw-color-surface-raised: #FFFFFF;
  --tsw-color-surface-sunken: #EDEAEF;
  --tsw-color-text-disabled: #969298;
  --tsw-color-text-link: #6B0395;
  --tsw-color-text-on-action: #FFFFFF;
  --tsw-color-text-on-hero: #FFFFFF;
  --tsw-color-text-primary: #272629;
  --tsw-color-text-secondary: #5A575D;
  --tsw-color-tint: #6B0395;
  --tsw-font-body-size: 1.0625rem;
  --tsw-font-body-line-height: 1.7;
  --tsw-font-body-weight: 400;
  --tsw-font-callout-size: 1rem;
  --tsw-font-callout-line-height: 1.6;
  --tsw-font-callout-weight: 400;
  --tsw-font-caption-size: 0.875rem;
  --tsw-font-caption-line-height: 1.45;
  --tsw-font-caption-weight: 400;
  --tsw-font-display-size: 2.125rem;
  --tsw-font-display-line-height: 1.15;
  --tsw-font-display-weight: 700;
  --tsw-font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Sans", sans-serif;
  --tsw-font-footnote-size: 0.875rem;
  --tsw-font-footnote-line-height: 1.5;
  --tsw-font-footnote-weight: 400;
  --tsw-font-headline-size: 1.0625rem;
  --tsw-font-headline-line-height: 1.35;
  --tsw-font-headline-weight: 600;
  --tsw-font-title1-size: 1.75rem;
  --tsw-font-title1-line-height: 1.2;
  --tsw-font-title1-weight: 700;
  --tsw-font-title2-size: 1.375rem;
  --tsw-font-title2-line-height: 1.25;
  --tsw-font-title2-weight: 700;
  --tsw-font-title3-size: 1.25rem;
  --tsw-font-title3-line-height: 1.3;
  --tsw-font-title3-weight: 600;
  --tsw-motion-deliberate-duration: 400ms;
  --tsw-motion-deliberate-delay: 0ms;
  --tsw-motion-deliberate-timing-function: cubic-bezier(0.3, 0, 1, 1);
  --tsw-motion-emphasized-duration: 250ms;
  --tsw-motion-emphasized-delay: 0ms;
  --tsw-motion-emphasized-timing-function: cubic-bezier(0, 0, 0, 1);
  --tsw-motion-standard-duration: 150ms;
  --tsw-motion-standard-delay: 0ms;
  --tsw-motion-standard-timing-function: cubic-bezier(0.2, 0, 0, 1);
  --tsw-radius-card: 16px;
  --tsw-radius-control: 8px;
  --tsw-radius-pill: 999px;
  --tsw-space-lg: 24px;
  --tsw-space-md: 16px;
  --tsw-space-sm: 8px;
  --tsw-space-xl: 32px;
  --tsw-space-xs: 4px;
  --tsw-space-xxl: 48px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --tsw-button-primary-background: #9E00D9;
    --tsw-button-primary-border: #EACBFF;
    --tsw-button-primary-foreground: #FFFFFF;
    --tsw-button-secondary-background: #4B484D;
    --tsw-button-secondary-border: #BEBAC0;
    --tsw-button-secondary-foreground: #FFFFFF;
    --tsw-card-background: #4B484D;
    --tsw-card-border: #BEBAC0;
    --tsw-input-background: #4B484D;
    --tsw-input-border: #BEBAC0;
    --tsw-input-border-focus: #D8A3FA;
    --tsw-nav-active-foreground: #EACBFF;
    --tsw-nav-background: #3A383C;
    --tsw-nav-foreground: #FFFFFF;
    --tsw-color-action-primary: #9E00D9;
    --tsw-color-action-primary-hover: #8200B3;
    --tsw-color-action-primary-pressed: #6B0395;
    --tsw-color-action-secondary: #4B484D;
    --tsw-color-border-default: #BEBAC0;
    --tsw-color-border-strong: #EDEAEF;
    --tsw-color-focus-ring: #D8A3FA;
    --tsw-color-focus-ring-inner: #3A383C;
    --tsw-color-status-danger-surface: #470F1A;
    --tsw-color-status-danger-text: #FFC9CD;
    --tsw-color-status-info-surface: #002D31;
    --tsw-color-status-info-text: #81EDF9;
    --tsw-color-status-success-surface: #033001;
    --tsw-color-status-success-text: #86F87A;
    --tsw-color-status-warning-surface: #2E2608;
    --tsw-color-status-warning-text: #DDB83B;
    --tsw-color-surface-base: #3A383C;
    --tsw-color-surface-hero: #9E00D9;
    --tsw-color-surface-overlay: #000000A6;
    --tsw-color-surface-raised: #4B484D;
    --tsw-color-surface-sunken: #272629;
    --tsw-color-text-disabled: #5A575D;
    --tsw-color-text-link: #EACBFF;
    --tsw-color-text-on-action: #FFFFFF;
    --tsw-color-text-on-hero: #FFFFFF;
    --tsw-color-text-primary: #FFFFFF;
    --tsw-color-text-secondary: #BEBAC0;
    --tsw-color-tint: #BB68EB;
    --tsw-font-body-size: 1.0625rem;
    --tsw-font-body-line-height: 1.7;
    --tsw-font-body-weight: 400;
    --tsw-font-callout-size: 1rem;
    --tsw-font-callout-line-height: 1.6;
    --tsw-font-callout-weight: 400;
    --tsw-font-caption-size: 0.875rem;
    --tsw-font-caption-line-height: 1.45;
    --tsw-font-caption-weight: 400;
    --tsw-font-display-size: 2.125rem;
    --tsw-font-display-line-height: 1.15;
    --tsw-font-display-weight: 700;
    --tsw-font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Sans", sans-serif;
    --tsw-font-footnote-size: 0.875rem;
    --tsw-font-footnote-line-height: 1.5;
    --tsw-font-footnote-weight: 400;
    --tsw-font-headline-size: 1.0625rem;
    --tsw-font-headline-line-height: 1.35;
    --tsw-font-headline-weight: 600;
    --tsw-font-title1-size: 1.75rem;
    --tsw-font-title1-line-height: 1.2;
    --tsw-font-title1-weight: 700;
    --tsw-font-title2-size: 1.375rem;
    --tsw-font-title2-line-height: 1.25;
    --tsw-font-title2-weight: 700;
    --tsw-font-title3-size: 1.25rem;
    --tsw-font-title3-line-height: 1.3;
    --tsw-font-title3-weight: 600;
    --tsw-motion-deliberate-duration: 400ms;
    --tsw-motion-deliberate-delay: 0ms;
    --tsw-motion-deliberate-timing-function: cubic-bezier(0.3, 0, 1, 1);
    --tsw-motion-emphasized-duration: 250ms;
    --tsw-motion-emphasized-delay: 0ms;
    --tsw-motion-emphasized-timing-function: cubic-bezier(0, 0, 0, 1);
    --tsw-motion-standard-duration: 150ms;
    --tsw-motion-standard-delay: 0ms;
    --tsw-motion-standard-timing-function: cubic-bezier(0.2, 0, 0, 1);
    --tsw-radius-card: 16px;
    --tsw-radius-control: 8px;
    --tsw-radius-pill: 999px;
    --tsw-space-lg: 24px;
    --tsw-space-md: 16px;
    --tsw-space-sm: 8px;
    --tsw-space-xl: 32px;
    --tsw-space-xs: 4px;
    --tsw-space-xxl: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --tsw-motion-deliberate-duration: 0ms;
    --tsw-motion-deliberate-delay: 0ms;
    --tsw-motion-emphasized-duration: 0ms;
    --tsw-motion-emphasized-delay: 0ms;
    --tsw-motion-standard-duration: 0ms;
    --tsw-motion-standard-delay: 0ms;
  }
}

@media (forced-colors: active) {
  :root {
    --tsw-button-primary-border: CanvasText;
    --tsw-button-secondary-border: CanvasText;
    --tsw-card-border: CanvasText;
    --tsw-input-border: CanvasText;
    --tsw-input-border-focus: Highlight;
    --tsw-color-border-default: CanvasText;
    --tsw-color-border-strong: CanvasText;
    --tsw-color-focus-ring: Highlight;
  }
}