/* LG Thailand - Theme Color Overrides */
/* Source: Figma Dev_LG_Thailand (node 5678-24665) */

/* color */
.theme-color {
  /* ===== Global Primary (Red) ===== */
  --global-primary-primary-0: #ffffff;
  --global-primary-primary-50: #ffeaea;
  --global-primary-primary-100: #febfbe;
  --global-primary-primary-200: #fea09f;
  --global-primary-primary-300: #fe7573;
  --global-primary-primary-400: #fd5a58;
  --global-primary-primary-500: #fd312e;
  --global-primary-primary-600: #e62d2a;
  --global-primary-primary-700: #b42321;
  --global-primary-primary-800: #8b1b19;
  --global-primary-primary-900: #6a1513;

  /* ===== Global Secondary (Burgundy) ===== */
  --global-secondary-secondary-0: #ffffff;
  --global-secondary-secondary-50: #f6e6eb;
  --global-secondary-secondary-100: #e3b0c0;
  --global-secondary-secondary-200: #d68aa2;
  --global-secondary-secondary-300: #c35477;
  --global-secondary-secondary-400: #b7335d;
  --global-secondary-secondary-500: #a50034;
  --global-secondary-secondary-600: #96002f;
  --global-secondary-secondary-700: #750025;
  --global-secondary-secondary-800: #5b001d;
  --global-secondary-secondary-900: #450016;

  /* ===== Global Tertiary (Warm Gray/Beige) ===== */
  --global-tertiary-tertiary-0: #ffffff;
  --global-tertiary-tertiary-50: #fefdfc;
  --global-tertiary-tertiary-100: #faf9f7;
  --global-tertiary-tertiary-200: #f8f6f3;
  --global-tertiary-tertiary-300: #f5f2ed;
  --global-tertiary-tertiary-400: #f3f0e9;
  --global-tertiary-tertiary-500: #f0ece4;
  --global-tertiary-tertiary-600: #dad7cf;
  --global-tertiary-tertiary-700: #aaa8a2;
  --global-tertiary-tertiary-800: #84827d;
  --global-tertiary-tertiary-900: #656360;

  /* ===== Global Neutral Gray ===== */
  --global-neutral-gray-0: #ffffff;
  --global-neutral-gray-50: #f0f0f0;
  --global-neutral-gray-100: #d1d1d1;
  --global-neutral-gray-200: #bababa;
  --global-neutral-gray-300: #9b9b9b;
  --global-neutral-gray-400: #878787;
  --global-neutral-gray-500: #696969;
  --global-neutral-gray-600: #606060;
  --global-neutral-gray-700: #4b4b4b;
  --global-neutral-gray-800: #3a3a3a;
  --global-neutral-gray-900: #2c2c2c;

  /* ===== Surface ===== */
  --surface-ground: #f8f6f3;
  --surface-underground: #f5f2ed;

  /* ===== System ===== */
  --system-black: #000000;
  --system-white: #ffffff;

  /* ===== Accent ===== */
  --accent-background-blue: #e6f4ff;
  --accent-background-gray: #f5f2ed;
  --accent-background-green: #ebf5eb;
  --accent-background-orange: #fff6e6;
  --accent-background-red: #fde9e9;
  --accent-border-blue: #0094ff;
  --accent-border-green: #339933;
  --accent-border-orange: #ffa800;
  --accent-border-red: #ea2222;
  --accent-content-blue: #0094ff;
  --accent-content-green: #339933;
  --accent-content-orange: #ffa800;
  --accent-content-red: #ea2222;

  /* ===== Base Content ===== */
  --base-content-body: #4a4946;
  --base-content-caption: #696969;
  --base-content-headline: #262626;
  --base-content-highlight: var(--global-primary-primary-600);
  --base-content-remark: #9b9b9b;
  --base-content-title: #333333;
  --base-content-white: #ffffff;

  /* ===== Base Border ===== */
  --base-border-border: var(--global-tertiary-tertiary-600);
  --base-border-divider: var(--global-tertiary-tertiary-600);

  /* ===== Base Status ===== */
  --base-status-error: var(--global-primary-primary-500);
  --base-status-info: #0094ff;
  --base-status-success: #339933;
  --base-status-warning: #ffa800;

  /* ===== Base Empty ===== */
  --base-empty-content: var(--global-primary-primary-300);

  /* ===== Badge ===== */
  --comp-badge-background: var(--base-status-error);
  --comp-badge-content: #ffffff;

  /* ===== Button - A Link ===== */
  --comp-button-a-link-disable-background: var(--surface-ground);
  --comp-button-a-link-disable-border: var(--surface-ground);
  --comp-button-a-link-disable-content: var(--global-secondary-secondary-300);
  --comp-button-a-link-hover-background: var(--surface-ground);
  --comp-button-a-link-hover-border: var(--surface-ground);
  --comp-button-a-link-hover-content: var(--global-secondary-secondary-600);
  --comp-button-a-link-normal-background: var(--surface-ground);
  --comp-button-a-link-normal-border: var(--surface-ground);
  --comp-button-a-link-normal-content: var(--base-content-headline);

  /* ===== Button - Danger ===== */
  --comp-button-danger-hover-background: var(--accent-background-red);
  --comp-button-danger-hover-border: var(--accent-background-red);
  --comp-button-danger-hover-content: var(--accent-content-red);
  --comp-button-danger-normal-background: var(--surface-ground);
  --comp-button-danger-normal-border: var(--surface-ground);
  --comp-button-danger-normal-content: var(--accent-content-red);

  /* ===== Button - Default ===== */
  --comp-button-default-disable-background: var(--surface-ground);
  --comp-button-default-disable-border: var(--global-neutral-gray-100);
  --comp-button-default-disable-content: var(--global-neutral-gray-200);
  --comp-button-default-hover-background: var(--global-neutral-gray-50);
  --comp-button-default-hover-border: var(--global-neutral-gray-100);
  --comp-button-default-hover-content: var(--global-neutral-gray-800);
  --comp-button-default-normal-background: var(--global-neutral-gray-0);
  --comp-button-default-normal-border: var(--global-neutral-gray-100);
  --comp-button-default-normal-content: var(--global-neutral-gray-800);

  /* ===== Button - Disable ===== */
  --comp-button-disable-normal-background: var(--global-primary-primary-200);
  --comp-button-disable-normal-content: var(--global-primary-primary-0);

  /* ===== Button - Ghost ===== */
  --comp-button-ghost-disable-background: var(--surface-ground);
  --comp-button-ghost-disable-border: #a4a4a4;
  --comp-button-ghost-disable-content: #a4a4a4;
  --comp-button-ghost-hover-background: var(--global-tertiary-tertiary-200);
  --comp-button-ghost-hover-border: #333333;
  --comp-button-ghost-hover-content: #333333;
  --comp-button-ghost-normal-background: var(--surface-ground);
  --comp-button-ghost-normal-border: #333333;
  --comp-button-ghost-normal-content: #333333;

  /* ===== Button - Primary ===== */
  --comp-button-primary-disable-background: var(--global-primary-primary-200);
  --comp-button-primary-disable-border: var(--global-primary-primary-200);
  --comp-button-primary-disable-content: var(--base-content-white);
  --comp-button-primary-hover-background: var(--global-primary-primary-700);
  --comp-button-primary-hover-border: var(--global-primary-primary-700);
  --comp-button-primary-hover-content: var(--base-content-white);
  --comp-button-primary-normal-background: var(--global-primary-primary-600);
  --comp-button-primary-normal-border: var(--global-primary-primary-600);
  --comp-button-primary-normal-content: var(--base-content-white);

  /* ===== Button - Secondary ===== */
  --comp-button-secondary-disable-background: var(
    --global-tertiary-tertiary-200
  );
  --comp-button-secondary-disable-border: var(--global-tertiary-tertiary-200);
  --comp-button-secondary-disable-content: var(--base-content-remark);
  --comp-button-secondary-hover-background: var(--global-tertiary-tertiary-600);
  --comp-button-secondary-hover-border: var(--global-tertiary-tertiary-600);
  --comp-button-secondary-hover-content: var(--base-content-headline);
  --comp-button-secondary-normal-background: var(
    --global-tertiary-tertiary-500
  );
  --comp-button-secondary-normal-border: var(--global-tertiary-tertiary-500);
  --comp-button-secondary-normal-content: var(--base-content-headline);

  /* ===== Button - Tertiary ===== */
  --comp-button-tertiary-disable-background: var(--surface-ground);
  --comp-button-tertiary-disable-border: var(--surface-ground);
  --comp-button-tertiary-disable-content: var(--global-primary-primary-200);
  --comp-button-tertiary-hover-background: var(--global-primary-primary-50);
  --comp-button-tertiary-hover-border: var(--global-primary-primary-50);
  --comp-button-tertiary-hover-content: var(--global-primary-primary-500);
  --comp-button-tertiary-normal-background: var(--surface-ground);
  --comp-button-tertiary-normal-border: var(--surface-ground);
  --comp-button-tertiary-normal-content: var(--global-primary-primary-500);

  /* ===== Card - Campaign ===== */
  --comp-card-campaign-card-background: var(--global-tertiary-tertiary-50);
  --comp-card-campaign-card-content: var(--base-content-title);
  --comp-card-campaign-card-divider: var(--base-border-divider);
  --comp-card-campaign-card-point: var(--global-primary-primary-600);
  --comp-card-campaign-card-remark: var(--base-content-remark);

  /* ===== Card - Member Card Default ===== */
  --comp-card-member-card-default-background: #ffffff;
  --comp-card-member-card-default-badge: var(--global-primary-primary-600);
  --comp-card-member-card-default-content: var(--base-content-title);
  --comp-card-member-card-default-content-on-badge: var(--base-content-white);
  --comp-card-member-card-default-icon: var(--global-primary-primary-600);
  --comp-card-member-card-default-image-border: var(
    --comp-card-member-card-default-badge
  );
  --comp-card-member-card-default-subtitle: var(--base-content-body);

  /* ===== Card - Member Card Tier 1 ===== */
  --comp-card-member-card-tier-1-0: #fed7d6;
  --comp-card-member-card-tier-1-100: #ffabaf;
  --comp-card-member-card-tier-1-25: #fff4ef;
  --comp-card-member-card-tier-1-badge: #fff4ef;
  --comp-card-member-card-tier-1-border: #ff7a8133;
  --comp-card-member-card-tier-1-content-on-badge: var(--global-primary-primary-400);
  --comp-card-member-card-tier-1-content-on-tier: var(--global-primary-primary-400);
  --comp-card-member-card-tier-1-image-border: var(--global-primary-primary-400);
  --comp-card-member-card-tier-1-section-info: #ffabaf;
  --comp-card-member-card-tier-1-text-on-section-info: #ff7a81;
  --comp-card-member-card-tier-1-dark-background: var(--global-primary-primary-400);
  --comp-card-member-card-tier-1-dark-content: var(--global-primary-primary-0);
  --comp-card-member-card-tier-1-light-background: var(--global-primary-primary-400);
  --comp-card-member-card-tier-1-light-content: #ffffff;

  /* ===== Card - Member Card Tier 2 ===== */
  --comp-card-member-card-tier-2-0: #a4a4a4;
  --comp-card-member-card-tier-2-100: #aeaeae;
  --comp-card-member-card-tier-2-25: #dbdbdb;
  --comp-card-member-card-tier-2-badge: #707070;
  --comp-card-member-card-tier-2-border: #62666a33;
  --comp-card-member-card-tier-2-content-on-badge: var(--base-content-white);
  --comp-card-member-card-tier-2-content-on-tier: #494949;
  --comp-card-member-card-tier-2-image-border: var(--comp-card-member-card-tier-2-badge);
  --comp-card-member-card-tier-2-section-info: #dcdee0;
  --comp-card-member-card-tier-2-text-on-section-info: #494949;
  --comp-card-member-card-tier-2-dark-background: #dcdee0;
  --comp-card-member-card-tier-2-dark-content: #494949;
  --comp-card-member-card-tier-2-light-background: #b9b9b9;
  --comp-card-member-card-tier-2-light-content-2: #ffffff;

  /* ===== Card - Member Card Tier 3 ===== */
  --comp-card-member-card-tier-3-0: #ac914b;
  --comp-card-member-card-tier-3-100: #bda156;
  --comp-card-member-card-tier-3-25: #e4cf97;
  --comp-card-member-card-tier-3-badge: #998244;
  --comp-card-member-card-tier-3-border: #6f530033;
  --comp-card-member-card-tier-3-content-on-badge: var(--base-content-white);
  --comp-card-member-card-tier-3-content-on-tier: #6f5300;
  --comp-card-member-card-tier-3-image-border: var(--comp-card-member-card-tier-3-badge);
  --comp-card-member-card-tier-3-section-info: #e4cf97;
  --comp-card-member-card-tier-3-text-on-section-info: #6f5300;
  --comp-card-member-card-tier-3-dark-background: #f7e5b5;
  --comp-card-member-card-tier-3-dark-content: #6f5300;
  --comp-card-member-card-tier-3-light-background: #d8be76;
  --comp-card-member-card-tier-3-light-content-2: #ffffff;

  /* ===== Card - Member Card Tier 4 ===== */
  --comp-card-member-card-tier-4-0: #393939;
  --comp-card-member-card-tier-4-100: #393939;
  --comp-card-member-card-tier-4-25: #808080;
  --comp-card-member-card-tier-4-badge: #222222;
  --comp-card-member-card-tier-4-border: #ffffff33;
  --comp-card-member-card-tier-4-content-on-badge: var(--base-content-white);
  --comp-card-member-card-tier-4-content-on-tier: #ffffff;
  --comp-card-member-card-tier-4-image-border: var(--comp-card-member-card-tier-4-badge);
  --comp-card-member-card-tier-4-section-info: #a8a8a8;
  --comp-card-member-card-tier-4-text-on-section-info: #393939;
  --comp-card-member-card-tier-4-dark-background: #c8c8c8;
  --comp-card-member-card-tier-4-dark-content: #393939;
  --comp-card-member-card-tier-4-light-background: #616161;
  --comp-card-member-card-tier-4-light-content-2: #ffffff;

  /* ===== Card - Member Card Tier 5 ===== */
  --comp-card-member-card-tier-5-0: #2b337b;
  --comp-card-member-card-tier-5-100: #2b337b;
  --comp-card-member-card-tier-5-25: #424b98;
  --comp-card-member-card-tier-5-badge: #11174d;
  --comp-card-member-card-tier-5-content-on-badge: var(--base-content-white);
  --comp-card-member-card-tier-5-image-border: var(
    --comp-card-member-card-tier-5-badge
  );
  --comp-card-member-card-tier-5-dark-background: #4b549f;
  --comp-card-member-card-tier-5-dark-content: #11174d;
  --comp-card-member-card-tier-5-light-background: #4b549f;
  --comp-card-member-card-tier-5-light-content: #ffffff;

  /* ===== Card - Mini Member Card ===== */
  --comp-card-mini-member-card-background: #ffffff;
  --comp-card-mini-member-card-badge: var(--global-primary-primary-600);
  --comp-card-mini-member-card-content: var(--base-content-title);
  --comp-card-mini-member-card-content-on-badge: var(--base-content-white);
  --comp-card-mini-member-card-image-border: var(--global-primary-primary-600);
  --comp-card-mini-member-card-point: var(--global-primary-primary-600);

  /* ===== Checkbox ===== */
  --comp-checkbox-default-background: var(--surface-ground);
  --comp-checkbox-default-border: var(--global-tertiary-tertiary-800);
  --comp-checkbox-disable-background: var(--global-primary-primary-200);
  --comp-checkbox-disable-border: var(--global-primary-primary-200);
  --comp-checkbox-disable-icon: var(--base-content-white);
  --comp-checkbox-selected-background: var(--global-primary-primary-600);
  --comp-checkbox-selected-border: var(--global-primary-primary-600);
  --comp-checkbox-selected-icon: var(--base-content-white);

  /* ===== Giftbox ===== */
  --comp-giftbox-body-box: var(--global-primary-primary-700);
  --comp-giftbox-bow: var(--global-primary-primary-600);
  --comp-giftbox-lid-box: var(--global-primary-primary-600);

  /* ===== Input - Collect Points ===== */
  --comp-input-collectpoints-error-background: var(--system-white);
  --comp-input-collectpoints-error-border: var(--base-status-error);
  --comp-input-collectpoints-error-camera-background: var(
    --global-primary-primary-600
  );
  --comp-input-collectpoints-error-camera-icon: var(--base-content-white);
  --comp-input-collectpoints-error-clear-icon: var(--base-content-remark);
  --comp-input-collectpoints-error-content: var(--base-content-title);
  --comp-input-collectpoints-error-delete-icon-active: var(
    --base-content-title
  );
  --comp-input-collectpoints-error-delete-icon-inactive: var(
    --base-content-remark
  );
  --comp-input-collectpoints-error-reamrk: var(--base-status-error);
  --comp-input-collectpoints-filled-background: var(--system-white);
  --comp-input-collectpoints-filled-border: var(--global-neutral-gray-100);
  --comp-input-collectpoints-filled-camera-background: var(
    --global-primary-primary-600
  );
  --comp-input-collectpoints-filled-camera-icon: var(--base-content-white);
  --comp-input-collectpoints-filled-clear-icon: var(--base-content-remark);
  --comp-input-collectpoints-filled-content: var(--base-content-title);
  --comp-input-collectpoints-filled-delete-icon-active: var(
    --base-content-title
  );
  --comp-input-collectpoints-filled-delete-icon-inactive: var(
    --base-content-remark
  );
  --comp-input-collectpoints-normal-background: var(--system-white);
  --comp-input-collectpoints-normal-border: var(--global-neutral-gray-100);
  --comp-input-collectpoints-normal-camera-background: var(
    --global-primary-primary-600
  );
  --comp-input-collectpoints-normal-camera-icon: var(--base-content-white);
  --comp-input-collectpoints-normal-delete-icon-active: var(
    --base-content-title
  );
  --comp-input-collectpoints-normal-delete-icon-inactive: var(
    --base-content-remark
  );
  --comp-input-collectpoints-normal-placeholder: var(--global-neutral-gray-100);
  --comp-input-collectpoints-typing-background: var(--system-white);
  --comp-input-collectpoints-typing-border: var(
    --global-secondary-secondary-500
  );
  --comp-input-collectpoints-typing-camera-background: var(
    --global-primary-primary-600
  );
  --comp-input-collectpoints-typing-camera-icon: var(--base-content-white);
  --comp-input-collectpoints-typing-content: var(--base-content-title);
  --comp-input-collectpoints-typing-delete-icon-active: var(
    --base-content-title
  );
  --comp-input-collectpoints-typing-delete-icon-inactive: var(
    --base-content-remark
  );
  --comp-input-collectpoints-typing-divider: var(--global-neutral-gray-100);
  --comp-input-collectpoints-typing-placeholder: var(--global-neutral-gray-100);

  /* ===== Input - General ===== */
  --comp-input-disable-action: var(--global-tertiary-tertiary-800);
  --comp-input-disable-background: var(--global-tertiary-tertiary-500);
  --comp-input-disable-border: var(--global-tertiary-tertiary-500);
  --comp-input-disable-content: var(--global-tertiary-tertiary-800);
  --comp-input-disable-divider: var(--global-tertiary-tertiary-800);
  --comp-input-disable-placeholder: var(--global-tertiary-tertiary-800);
  --comp-input-error-action: #262626;
  --comp-input-error-background: var(--surface-ground);
  --comp-input-error-border: var(--accent-border-red);
  --comp-input-error-content: var(--base-content-title);
  --comp-input-error-divider: var(--global-tertiary-tertiary-700);
  --comp-input-error-placeholder: var(--global-tertiary-tertiary-700);
  --comp-input-filled-action: #262626;
  --comp-input-filled-background: var(--surface-ground);
  --comp-input-filled-border: var(--global-tertiary-tertiary-600);
  --comp-input-filled-content: var(--base-content-title);
  --comp-input-filled-divider: var(--global-tertiary-tertiary-700);
  --comp-input-filled-placeholder: var(--global-tertiary-tertiary-700);
  --comp-input-normal-action: #262626;
  --comp-input-normal-background: var(--surface-ground);
  --comp-input-normal-border: var(--global-tertiary-tertiary-600);
  --comp-input-normal-divider: var(--global-tertiary-tertiary-700);
  --comp-input-normal-placeholder: var(--global-tertiary-tertiary-700);
  --comp-input-typing-action: #262626;
  --comp-input-typing-background: var(--surface-ground);
  --comp-input-typing-border: var(--global-secondary-secondary-500);
  --comp-input-typing-content: var(--base-content-title);
  --comp-input-typing-divider: var(--global-tertiary-tertiary-700);
  --comp-input-typing-placeholder: var(--global-tertiary-tertiary-700);

  /* ===== Language Dropdown ===== */
  --comp-language-dropdown-normal-action: #ffffff;
  --comp-language-dropdown-normal-background: var(
    --comp-navigation-menu-header-background
  );
  --comp-language-dropdown-normal-border: #ffffff;
  --comp-language-dropdown-normal-content: var(--base-content-white);

  /* ===== Navigation - Menu Footer ===== */
  --comp-navigation-menu-footer-active: var(--base-content-white);
  --comp-navigation-menu-footer-background: var(--global-primary-primary-600);
  --comp-navigation-menu-footer-inactive: var(--global-primary-primary-800);

  /* ===== Navigation - Menu Header ===== */
  --comp-navigation-menu-header-background: var(--global-primary-primary-600);
  --comp-navigation-menu-header-content: var(--base-content-white);

  /* ===== Popup ===== */
  --comp-popup-background: var(--surface-ground);
  --comp-popup-header: var(--global-primary-primary-0);
  --comp-popup-highlight: var(--global-primary-primary-600);
  --comp-popup-remark: var(--base-content-remark);
  --comp-popup-subtitle: var(--base-content-caption);
  --comp-popup-title: var(--base-content-title);

  /* ===== Quantity ===== */
  --comp-qty-active-background: var(--surface-ground);
  --comp-qty-active-border: #212121;
  --comp-qty-active-icon: #212121;
  --comp-qty-inactive-background: var(--surface-ground);
  --comp-qty-inactive-border: var(--base-border-border);
  --comp-qty-inactive-icon: var(--global-neutral-gray-300);

  /* ===== Radio ===== */
  --comp-radio-default-background: var(--surface-ground);
  --comp-radio-default-border: var(--global-tertiary-tertiary-800);
  --comp-radio-disable-background: var(--surface-ground);
  --comp-radio-disable-border: var(--global-primary-primary-200);
  --comp-radio-disable-item: var(--global-primary-primary-200);
  --comp-radio-selected-background: var(--surface-ground);
  --comp-radio-selected-border: var(--global-primary-primary-600);
  --comp-radio-selected-item: var(--global-primary-primary-600);

  /* ===== Scrollbar ===== */
  --comp-scrollbar-thumb-bg: var(--base-content-highlight);
  --comp-scrollbar-track-bg: var(--surface-underground);

  /* ===== Select Item ===== */
  --comp-select-item-normal-background: var(--surface-ground);
  --comp-select-item-normal-border: var(--base-border-border);
  --comp-select-item-normal-content: var(--base-content-title);
  --comp-select-item-selected-background: var(--global-tertiary-tertiary-500);
  --comp-select-item-selected-border: #212121;
  --comp-select-item-selected-content: var(--base-content-headline);

  /* ===== Step ===== */
  --comp-step-item-active-background: var(--surface-ground);
  --comp-step-item-active-border: #212121;
  --comp-step-item-active-content: #212121;
  --comp-step-item-complete-background: #212121;
  --comp-step-item-complete-border: #212121;
  --comp-step-item-complete-content: var(--base-content-white);
  --comp-step-item-inactive-background: var(--surface-ground);
  --comp-step-item-inactive-border: var(--base-border-border);
  --comp-step-item-inactive-content: var(--base-content-remark);
  --comp-step-line-active-color: #212121;
  --comp-step-line-inactive-color: var(--base-border-border);

  /* ===== Tabs - Tab Group ===== */
  --comp-tabs-tab-group-tab-bar: var(--surface-ground);
  --comp-tabs-tab-group-active-background: var(--global-primary-primary-600);
  --comp-tabs-tab-group-active-content: var(--base-content-white);
  --comp-tabs-tab-group-inactive-background: var(--comp-tabs-tab-group-tab-bar);
  --comp-tabs-tab-group-inactive-content: var(--base-content-caption);

  /* ===== Tabs - Tab Line ===== */
  --comp-tabs-tab-line-tab-bar: #ffffff;
  --comp-tabs-tab-line-active-border: var(--base-content-headline);
  --comp-tabs-tab-line-active-content: var(--base-content-headline);
  --comp-tabs-tab-line-inactive-content: var(--base-content-caption);

  /* ===== Tabs - Tab ===== */
  --comp-tabs-tab-active-background: var(--global-primary-primary-600);
  --comp-tabs-tab-active-border: var(--global-primary-primary-600);
  --comp-tabs-tab-active-content: var(--base-content-white);
  --comp-tabs-tab-inactive-background: var(--surface-ground);
  --comp-tabs-tab-inactive-border: var(--base-content-headline);
  --comp-tabs-tab-inactive-content: var(--base-content-headline);

  /* ===== Upload ===== */
  --comp-upload-error-background: #ffffff;
  --comp-upload-error-border: var(--base-status-error);
  --comp-upload-normal-background: #ffffff;
  --comp-upload-normal-border: var(--global-neutral-gray-100);
}