Claper/assets/css/theme-config.css

@plugin "daisyui/theme" {
  name: "claper";
  default: true;
  prefersdark: false;
  color-scheme: light;

  /* Map custom colors to DaisyUI semantic tokens */
  --color-primary: #8611ed;           /* primary-500 */
  --color-primary-content: #ffffff;
  --color-secondary: #140553;         /* secondary-500 */
  --color-secondary-content: #ffffff;
  --color-accent: #507DAA;            /* neutral-500 */
  --color-accent-content: #ffffff;
  --color-neutral: #374151;           /* gray-700 */
  --color-neutral-content: #ffffff;
  --color-base-100: #ffffff;
  --color-base-200: #f9fafb;          /* gray-50 */
  --color-base-300: #e5e7eb;          /* gray-200 */
  --color-base-content: #1f2937;      /* gray-800 */
  --color-info: #79bfe2;
  --color-info-content: #0e3649;
  --color-success: #10B981;           /* supporting-green-500 */
  --color-success-content: #064E3B;   /* supporting-green-900 */
  --color-warning: #F59E0B;           /* supporting-yellow-500 */
  --color-warning-content: #78350F;   /* supporting-yellow-900 */
  --color-error: #E12D39;             /* supporting-red-500 */
  --color-error-content: #ffffff;

  /* Border radius (preserve from admin.css) */
  --radius-selector: 1rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;

  /* Border and effects */
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

@theme {
  /* Preserve custom CSS variables for non-DaisyUI usage */
  --font-display: "Montserrat", sans-serif;
  --font-family-sans: "Roboto", sans-serif;
  --font-family-serif: "Merriweather", serif;

  /* Preserve shadows from theme.css */
  --shadow-base: 0px 1px 3px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06);
  --shadow-md: 0px 4px 6px 0px rgba(0,0,0,0.1), 0px 2px 4px 0px rgba(0,0,0,0.06);
  --shadow-lg: 0px 4px 6px 0px rgba(0,0,0,0.05), 0px 10px 15px 0px rgba(0,0,0,0.1);
  --shadow-xl: 0px 10px 10px 0px rgba(0,0,0,0.04), 0px 20px 25px 0px rgba(0,0,0,0.1);
  --shadow-2xl: 0px 25px 50px 0px rgba(0,0,0,0.25);
  --shadow-inner: inset 0px 2px 4px 0px rgba(0,0,0,0.06);

  /* Typography scale from modern.css (if needed by templates) */
  --text-h1: 80px;
  --text-h2: 40px;
  --text-h3: 32px;
  --text-h4: 24px;
  --text-h5: 18px;
  --text-h6: 16px;
  --text-body: 16px;
  --text-small-body: 14px;

  /* Primary Colors - Claper Purple (from old theme.css) */
  --color-primary-50: #f3defa;
  --color-primary-100: #e8bef5;
  --color-primary-200: #d08def;
  --color-primary-300: #b85ce9;
  --color-primary-400: #9f2be3;
  --color-primary-500: #8611ed;
  --color-primary-600: #6b0dbe;
  --color-primary-700: #500a8e;
  --color-primary-800: #35065f;
  --color-primary-900: #1a032f;

  /* Secondary Colors - Navy Purple (from old theme.css) */
  --color-secondary-50: #e8e6f0;
  --color-secondary-100: #c5c0db;
  --color-secondary-200: #9f97c2;
  --color-secondary-300: #7a6ea9;
  --color-secondary-400: #5d4f95;
  --color-secondary-500: #140553;
  --color-secondary-600: #100442;
  --color-secondary-700: #0c0332;
  --color-secondary-800: #080221;
  --color-secondary-900: #040111;

  /* Neutral Colors - Wedgewood (from old theme.css) */
  --color-neutral-50: #F0F4F8;
  --color-neutral-100: #D9E3ED;
  --color-neutral-200: #B9CCDF;
  --color-neutral-300: #97B3CE;
  --color-neutral-400: #7499BE;
  --color-neutral-500: #507DAA;
  --color-neutral-600: #3F6388;
  --color-neutral-700: #314D68;
  --color-neutral-800: #253B50;
  --color-neutral-900: #1A2938;

  /* Supporting Red Colors (from old theme.css) */
  --color-supporting-red-50: #FCEDEE;
  --color-supporting-red-100: #F9D5D7;
  --color-supporting-red-200: #F3ABB0;
  --color-supporting-red-300: #ED8188;
  --color-supporting-red-400: #E75761;
  --color-supporting-red-500: #E12D39;
  --color-supporting-red-600: #B4242E;
  --color-supporting-red-700: #871B22;
  --color-supporting-red-800: #5A1217;
  --color-supporting-red-900: #2D090B;

  /* Supporting Yellow Colors (from old theme.css) */
  --color-supporting-yellow-50: #FFFBEB;
  --color-supporting-yellow-100: #FEF3C7;
  --color-supporting-yellow-200: #FDE68A;
  --color-supporting-yellow-300: #FCD34D;
  --color-supporting-yellow-400: #FBBF24;
  --color-supporting-yellow-500: #F59E0B;
  --color-supporting-yellow-600: #D97706;
  --color-supporting-yellow-700: #B45309;
  --color-supporting-yellow-800: #92400E;
  --color-supporting-yellow-900: #78350F;

  /* Supporting Green Colors (from old theme.css) */
  --color-supporting-green-50: #ECFDF5;
  --color-supporting-green-100: #D1FAE5;
  --color-supporting-green-200: #A7F3D0;
  --color-supporting-green-300: #6EE7B7;
  --color-supporting-green-400: #34D399;
  --color-supporting-green-500: #10B981;
  --color-supporting-green-600: #059669;
  --color-supporting-green-700: #047857;
  --color-supporting-green-800: #065F46;
  --color-supporting-green-900: #064E3B;
}