/* GENERATED by brand-to-design-system from tokens.json sha256:a3d4cf22020cccc3b694ad8fdf92ca6935e46af27eeb0e44fab6ac1c741347a7 — do not edit; edit tokens.json and recompile */
:root {
  --color-primitive-brand-green: #93C90F;
  --color-primitive-brand-red: #DA291C;
  --color-primitive-brand-black: #000000;
  --color-primitive-secondary-green-700: #658D1B;
  --color-primitive-secondary-yellow: #FFCD00;
  --color-primitive-secondary-tan: #B9975B;
  --color-primitive-derived-red-400: #E0493E;
  --color-primitive-metallic-bronze: #866D4B;
  --color-primitive-metallic-silver: #A0A0A0;
  --color-primitive-neutral-0: #FFFFFF;
  --color-primitive-neutral-200: #DDDDDD;
  --color-primitive-neutral-400: #B6B6B6;
  --color-primitive-neutral-600: #898989;
  --color-primitive-neutral-800: #565656;
  --color-primitive-neutral-1000: #000000;
  --color-primitive-web-olive: #9BBA3B;
  --color-primitive-web-gold: #C4922E;
  --color-primitive-web-brown: #805E18;
  --color-primitive-web-orange: #E3802F;
  --color-primitive-web-cream: #FFFCF5;
  --color-primitive-web-beige: #EFE9DB;
  --color-primitive-web-ink: #231F20;
  --color-primitive-web-charcoal: #2F2F2F;
  --color-primitive-web-grey: #7E7E7E;
  --color-semantic-action-primary: var(--color-primitive-brand-green);
  --color-semantic-action-primary-hover: var(--color-primitive-secondary-green-700);
  --color-semantic-surface-default: var(--color-primitive-neutral-0);
  --color-semantic-surface-raised: var(--color-primitive-neutral-200);
  --color-semantic-text-default: var(--color-primitive-neutral-1000);
  --color-semantic-text-muted: var(--color-primitive-neutral-800);
  --color-semantic-text-on-action: var(--color-primitive-neutral-1000);
  --color-semantic-border-default: var(--color-primitive-neutral-600);
  --color-semantic-feedback-danger: var(--color-primitive-brand-red);
  --color-component-button-primary-bg: var(--color-semantic-action-primary);
  --color-component-button-primary-text: var(--color-semantic-text-on-action);
  --color-component-button-primary-hover-bg: var(--color-semantic-action-primary-hover);
  --font-primitive-genyo: "GenYoGothic TW", GenYoGothic, 源樣黑體, "Noto Sans TC", sans-serif;
  --font-primitive-noto-sans-tc: "Noto Sans TC", sans-serif;
  --font-primitive-amiri: Amiri, serif;
  --font-semantic-body: var(--font-primitive-genyo);
  --font-semantic-display: var(--font-primitive-genyo);
  --font-semantic-numeric: var(--font-primitive-genyo);
  --fontWeight-primitive-extralight: 200;
  --fontWeight-primitive-light: 300;
  --fontWeight-primitive-regular: 400;
  --fontWeight-primitive-medium: 500;
  --fontWeight-primitive-bold: 700;
  --fontWeight-primitive-heavy: 900;
  --dimension-primitive-font-size-13: 13px;
  --dimension-primitive-font-size-14: 14px;
  --dimension-primitive-font-size-15: 15px;
  --dimension-primitive-font-size-16: 16px;
  --dimension-primitive-font-size-18: 18px;
  --dimension-primitive-font-size-20: 20px;
  --dimension-primitive-font-size-22: 22px;
  --dimension-primitive-font-size-25: 25px;
  --dimension-primitive-font-size-27: 27px;
  --dimension-primitive-letter-spacing-1: 1px;
  --dimension-primitive-letter-spacing-2: 2px;
  --dimension-primitive-letter-spacing-3: 3px;
  --dimension-primitive-radius-0: 0px;
  --dimension-primitive-radius-30: 30px;
  --dimension-primitive-radius-full: 9999px;
  --dimension-primitive-radius-4: 4px;
  --dimension-primitive-radius-8: 8px;
  --dimension-primitive-space-4: 4px;
  --dimension-primitive-space-8: 8px;
  --dimension-primitive-space-12: 12px;
  --dimension-primitive-space-16: 16px;
  --dimension-primitive-space-24: 24px;
  --dimension-primitive-space-32: 32px;
  --dimension-primitive-space-48: 48px;
  --dimension-primitive-space-64: 64px;
  --dimension-semantic-spacing-xs: var(--dimension-primitive-space-4);
  --dimension-semantic-spacing-sm: var(--dimension-primitive-space-8);
  --dimension-semantic-spacing-md: var(--dimension-primitive-space-16);
  --dimension-semantic-spacing-lg: var(--dimension-primitive-space-24);
  --dimension-semantic-spacing-xl: var(--dimension-primitive-space-32);
  --dimension-semantic-spacing-2xl: var(--dimension-primitive-space-48);
  --dimension-semantic-spacing-3xl: var(--dimension-primitive-space-64);
  --dimension-semantic-radius-none: var(--dimension-primitive-radius-0);
  --dimension-semantic-radius-sm: var(--dimension-primitive-radius-4);
  --dimension-semantic-radius-md: var(--dimension-primitive-radius-8);
  --dimension-semantic-radius-full: var(--dimension-primitive-radius-full);
  --dimension-component-button-primary-radius: var(--dimension-semantic-radius-none);
  --dimension-component-button-primary-padding: 12px 32px;
  --dimension-component-button-primary-height: 48px;
  --shadow-primitive-card: 4px 4px 20px 5px rgba(0, 0, 0, 0.05);
  --shadow-primitive-popup: -2px 1px 20px 0px rgba(0, 0, 0, 0.25);
  --shadow-semantic-raised: var(--shadow-primitive-card);
  --typography-semantic-display-font-family: var(--font-primitive-genyo);
  --typography-semantic-display-font-size: var(--dimension-primitive-font-size-27);
  --typography-semantic-display-font-weight: var(--fontWeight-primitive-light);
  --typography-semantic-display-line-height: 1.2;
  --typography-semantic-display-letter-spacing: var(--dimension-primitive-letter-spacing-3);
  --typography-semantic-headline-font-family: var(--font-primitive-genyo);
  --typography-semantic-headline-font-size: var(--dimension-primitive-font-size-20);
  --typography-semantic-headline-font-weight: var(--fontWeight-primitive-regular);
  --typography-semantic-headline-line-height: 1.3;
  --typography-semantic-body-font-family: var(--font-primitive-genyo);
  --typography-semantic-body-font-size: var(--dimension-primitive-font-size-16);
  --typography-semantic-body-font-weight: var(--fontWeight-primitive-regular);
  --typography-semantic-body-line-height: 1.7;
  --typography-semantic-body-letter-spacing: var(--dimension-primitive-letter-spacing-1);
  --typography-semantic-label-font-family: var(--font-primitive-genyo);
  --typography-semantic-label-font-size: var(--dimension-primitive-font-size-14);
  --typography-semantic-label-font-weight: var(--fontWeight-primitive-medium);
  --typography-semantic-label-line-height: 1.4;
  --typography-semantic-label-letter-spacing: var(--dimension-primitive-letter-spacing-1);
  --typography-semantic-numeric-font-family: var(--font-primitive-genyo);
  --typography-semantic-numeric-font-size: var(--dimension-primitive-font-size-16);
  --typography-semantic-numeric-font-weight: var(--fontWeight-primitive-medium);
  --typography-semantic-numeric-line-height: 1.4;
  --typography-semantic-numeric-font-variant-numeric: tabular-nums;
}
[data-theme="dark"] {
  --color-semantic-action-primary: var(--color-primitive-brand-green);
  --color-semantic-action-primary-hover: var(--color-primitive-secondary-green-700);
  --color-semantic-surface-default: var(--color-primitive-neutral-1000);
  --color-semantic-surface-raised: var(--color-primitive-neutral-800);
  --color-semantic-text-default: var(--color-primitive-neutral-0);
  --color-semantic-text-muted: var(--color-primitive-neutral-200);
  --color-semantic-text-on-action: var(--color-primitive-neutral-1000);
  --color-semantic-border-default: var(--color-primitive-neutral-600);
  --color-semantic-feedback-danger: var(--color-primitive-derived-red-400);
}
.t-display { font-family: var(--typography-semantic-display-font-family); font-size: var(--typography-semantic-display-font-size); font-weight: var(--typography-semantic-display-font-weight); line-height: var(--typography-semantic-display-line-height); letter-spacing: var(--typography-semantic-display-letter-spacing); }
.t-headline { font-family: var(--typography-semantic-headline-font-family); font-size: var(--typography-semantic-headline-font-size); font-weight: var(--typography-semantic-headline-font-weight); line-height: var(--typography-semantic-headline-line-height); }
.t-body { font-family: var(--typography-semantic-body-font-family); font-size: var(--typography-semantic-body-font-size); font-weight: var(--typography-semantic-body-font-weight); line-height: var(--typography-semantic-body-line-height); letter-spacing: var(--typography-semantic-body-letter-spacing); }
.t-label { font-family: var(--typography-semantic-label-font-family); font-size: var(--typography-semantic-label-font-size); font-weight: var(--typography-semantic-label-font-weight); line-height: var(--typography-semantic-label-line-height); letter-spacing: var(--typography-semantic-label-letter-spacing); }
.t-numeric { font-family: var(--typography-semantic-numeric-font-family); font-size: var(--typography-semantic-numeric-font-size); font-weight: var(--typography-semantic-numeric-font-weight); line-height: var(--typography-semantic-numeric-line-height); font-variant-numeric: var(--typography-semantic-numeric-font-variant-numeric); }