/* AI Shorts design tokens (src/assets/styles/colors.scss, shadow.scss, theme-products) */
:root {
  --brand-primary: #04c704;
  --brand-secondary: #4d10f4;
  --green-1: #007400;
  --green-2: #009300;
  --green-3: #00a400;
  --green-4: #00b700;
  --green-5: #04c704;
  --green-9: #c6eec0;
  --green-10: #e7f9e6;
  --black-1: #000000;
  --black-2: #121212;
  --white: #ffffff;
  --gray-1: #2e2e2e;
  --gray-2: #505050;
  --gray-3: #707070;
  --gray-4: #808080;
  --gray-5: #aaaaaa;
  --gray-6: #e2e2e2;
  --gray-7: #eeeeee;
  --gray-8: #f3f3f3;
  --gray-9: #f7f7f7;
  --gray-10: #fafafa;
  --text-primary: #121212;
  --text-secondary: #505050;
  --text-meta: #808080;
  --dts-placeholder-color: #aaaaaa;
  --dts-border-color: #e2e2e2;
  --border-color: #e2e2e2;
  --viewport-bg: #efefef;
  --surface-ground: #fafafa;
  --state-warning: #ba2f2c;
  --state-success: #04c704;
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
  --inset-shadow-sm: inset 0 0 6px rgba(0, 0, 0, 0.04);
  --inset-shadow-md: inset 0 0 8px rgba(0, 0, 0, 0.08);
  --radius-5: 12px;
  --radius-8: 24px;
  --content-card-radius: 32px;
  /* スライド生成ステップ：土台カード（全ステップ共通） */
  --slide-step-card-padding-y: 2rem;
  --slide-step-card-padding-x: 2.5rem;
  --appbar-height: 64px;
  --sidebar-width: 264px;
  --sidebar-collapsed: 64px;

  /* TabBar (data-product=aishorts, _agent-theme-products.scss) */
  --pill-bg: var(--gray-9);
  --pill-gap: 8px;
  --pill-padding: 4px 8px;
  --pill-radius: 8px;
  --pill__btn-height: 32px;
  --pill__btn-padding: 10px;
  --pill__btn-radius: 4px;
  --active-bg: #04c704;
  --active-text: #ffffff;
  --text: #333333;
  --hover-bg: var(--gray-7);

  /* BaseDropdown (theme-products.scss) */
  --dts-height: 44px;
  --dts-text: 14px;
}

/* Presentation list tab scope */
[data-product="aishorts"] {
  --tab-count: 3;
}