[data-theme="cp-live"] {

  /* Base (background layers) */
  --color-base-100: #3D3B40;   /* main background */
  --color-base-200: #353338;   /* slightly darker for surfaces */
  --color-base-300: #2C2A2E;   /* deepest background */
  --color-base-content: #F8EDFF; /* brightest readable text */

  /* Primary brand color (#525CEB) */
  --color-primary: #525CEB;
  --color-primary-content: #F8EDFF;

  /* Secondary using lighter palette (#BFCFE7) */
  --color-secondary: #BFCFE7;
  --color-secondary-content: #3D3B40;

  /* Accent = soft highlight using #F8EDFF */
  --color-accent: #F8EDFF;
  --color-accent-content: #3D3B40;

  /* Neutral fallback */
  --color-neutral: #3D3B40;
  --color-neutral-content: #F8EDFF;

  /* Status Colors (derived from palette for consistency) */
  --color-info: #8FA8FF;       /* slightly lighter than primary */
  --color-info-content: #1C1C20;

  --color-success: #A4F2C1;   /* mint-green tinted to fit dark UI */
  --color-success-content: #1A2A22;

  --color-warning: #F7D27A;   /* soft warm warning */
  --color-warning-content: #3D3B12;

  --color-error: #FF7A8A;     /* soft red – fits purple/blue theme */
  --color-error-content: #3D1E24;

  /* Spacing / Shape Tokens */
  --radius-selector: 0.5rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}