[data-theme="theme_T11"] {
  /* ====================================== */
  /*              Brand-Primary             */
  /*   P6/Theme2 Editorial Green Theme      */
  /*   Updated to match React P6NEW         */
  /* ====================================== */
  --Brand-Primary-Primary: #1A2F23;
  --Brand-Primary-secondary: #2d5a4e;
  --Brand-Primary-Success-Accent: #C5A070;
  --Brand-Primary-text-primary: #F4F0E1;
  --Brand-Primary-text-secondary: rgba(244, 240, 225, 0.7);
  --Brand-Primary-text-Success-Accent-2: rgba(244, 240, 225, 0.35);
  /* ====================================== */
  /*               Foreground               */
  /* ====================================== */
  --Foreground-primary: #000000;
  --Foreground-secondary: rgba(0, 0, 0, 0.7);
  --Foreground-tertiary: rgba(0, 0, 0, 0.35);
  /* ====================================== */
  /*                Container               */
  /* ====================================== */
  --Container-background: #F5F5F0;
  --Container-background-secondary: #EAE7DD;
  --Container-background-tertiary: rgba(197, 160, 112, 0.1);
  --Container-border-divider: #C5A070;
  /* ====================================== */
  /*               Background               */
  /* ====================================== */
  --Background-primary: #ffffff;
  --Background-secondary: rgba(255, 255, 255, 0.1);
  --Background-tertiary: rgba(0, 0, 0, 0.05);
  /* ====================================== */
  /*                  Button                */
  /* ====================================== */
  --Button-White: #ffffff;
  --Button-Black: #000000;
  --Button-normal: #1A2F23;
  --Button-hover: #C5A070;
  --Button-inactive: rgba(0, 0, 0, 0.2);
  --Button-red: #e8362c;
  --Button-yellow: #ffcc00;
  --Button-orange: #ff9500;
  --Button-green: #34c759;
  --Button-mint: #00c7be;
  --Button-teal: #30b0c7;
  --Button-cyan: #32ade6;
  --Button-blue: #007aff;
  --Button-indigo: #5856d6;
  --Button-purple: #af52de;
  /* ====================================== */
  /*                Primitive               */
  /* ====================================== */
  --Primitive-black: #000000;
  --Primitive-black-a10: rgba(0, 0, 0, 0.1);
  --Primitive-black-a20: rgba(0, 0, 0, 0.2);
  --Primitive-black-a30: rgba(0, 0, 0, 0.3);
  --Primitive-black-a40: rgba(0, 0, 0, 0.4);
  --Primitive-black-a50: rgba(0, 0, 0, 0.5);
  --Primitive-black-a60: rgba(0, 0, 0, 0.6);
  --Primitive-black-a70: rgba(0, 0, 0, 0.7);
  --Primitive-black-a80: rgba(0, 0, 0, 0.8);
  --Primitive-black-a90: rgba(0, 0, 0, 0.9);

  --Primitive-white: #ffffff;
  --Primitive-white-a10: rgba(255, 255, 255, 0.1);
  --Primitive-white-a20: rgba(255, 255, 255, 0.2);
  --Primitive-white-a30: rgba(255, 255, 255, 0.3);
  --Primitive-white-a40: rgba(255, 255, 255, 0.4);
  --Primitive-white-a50: rgba(255, 255, 255, 0.5);
  --Primitive-white-a60: rgba(255, 255, 255, 0.6);
  --Primitive-white-a70: rgba(255, 255, 255, 0.7);
  --Primitive-white-a80: rgba(255, 255, 255, 0.8);
  --Primitive-white-a90: rgba(255, 255, 255, 0.9);
  /* ====================================== */
  /*             Spacing / Gap              */
  /* ====================================== */
  --Gap-gap-xs: 4px;
  --Gap-gap-sm: 8px;
  --Gap-gap-sm-plus: 12px;
  --Gap-gap-md: 16px;
  --Gap-gap-md-plus: 20px;
  --Gap-gap-lg: 24px;
  --Gap-gap-lg-plus: 32px;
  --Gap-gap-xl: 56px;
  --Gap-gap-xl-plus: 64px;
  --Gap-gap-xxl: 80px;
  --Gap-gap-xxl-plus: 96px;
  /* ====================================== */
  /*           Spacing / Padding            */
  /* ====================================== */
  --Padding-padding-xs: 8px;
  --Padding-padding-sm: 12px;
  --Padding-padding-sm-plus: 16px;
  --Padding-padding-md: 18px;
  --Padding-padding-md-plus: 22px;
  --Padding-padding-lg: 26px;
  --Padding-padding-xl: 34px;
  --Padding-padding-xl-plus: 56px;
  /* ====================================== */
  /*        Spacing / Corner-radius         */
  /* ====================================== */
  --Corner-radius-border-radius-sm: 10px;
  --Corner-radius-border-radius-md: 15px;
  --Corner-radius-border-radius-lg: 20px;
  --Corner-radius-border-radius-xl: 25px;
  /* ====================================== */
  /*                Font-type               */
  /* ====================================== */
  --Font-type-font-primary: "Cormorant Garamond";
  --Font-type-font-secondary: "Inter";
  /* ====================================== */
  /*                Font-size               */
  /* ====================================== */
  --Font-size-heading-1: 68px;
  --Font-size-heading-2: 52px;
  --Font-size-heading-3: 40px;
  --Font-size-heading-4: 32px;
  --Font-size-heading-5: 24px;
  --Font-size-headline: 22px;
  --Font-size-body-large: 20px;
  --Font-size-body: 18px;
  --Font-size-footnote: 16px;
  --Font-size-caption: 14px;
  --Font-size-small: 12px;
  /* ====================================== */
  /*               Font-Line-height         */
  /* ====================================== */
  --Line-height-heading-1: 60px;
  --Line-height-heading-2: 50px;
  --Line-height-heading-3: 40px;
  --Line-height-heading-4: 30px;
  --Line-height-heading-5: 26px;
  --Line-height-headline: 24px;
  --Line-height-body-large: 22px;
  --Line-height-body: 20px;
  --Line-height-footnote: 14px;
  --Line-height-caption: 16px;
  --Line-height-small: 14px;
  /* ====================================== */
  /*   P6NEW React 原型颜色 (精确值)         */
  /*   Hero Section 背景分割专用             */
  /* ====================================== */
  --brand-green: #1A2F23;
  --brand-gold: #C5A070;
  --brand-beige: #F5F5F0;
  --brand-sand: #EAE7DD;
  --brand-orange: #F39237;
  /* ====================================== */
  /*         Theme2 Bridge Variables        */
  /*  FooterEditorial / CTAC3 等组件使用     */
  /* ====================================== */
  --theme2-primary: #1A2F23;
  --theme2-gold: #C5A070;
  --theme2-beige: #F5F5F0;
  --theme2-sand: #EAE7DD;
  --theme2-text: #1A2F23;
  --theme2-text-light: rgba(26, 47, 35, 0.6);
}