/* Dynamic branding CSS from database */
      :root {
        --branded-page-bg: #f8fafc;
        --branded-card-bg: #ffffff;
        --branded-section-bg: #f9fafb;
        --branded-text-primary: #1f2937;
        --branded-text-secondary: #6b7280;
        --branded-primary: #14b8a6;
        --branded-border: #e5e7eb;
        --background-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        --branded-section: #f9fafb;
        --branded-footer: #f9fafb;
        --branded-footer-text: #6b7280;
        --branded-footer-border: #e5e7eb;
      }
      
      .bg-branded-page { background-color: var(--branded-page-bg); }
      .bg-branded-card { background-color: var(--branded-card-bg); }
      .bg-branded-section { background: var(--branded-section); }
      .bg-branded-footer { background: var(--branded-footer); }
      .bg-branded-gradient { background: var(--background-gradient); background-attachment: fixed; }
      .text-branded-text-primary { color: var(--branded-text-primary); }
      .text-branded-text-secondary { color: var(--branded-text-secondary); }
      .text-branded-footer-text { color: var(--branded-footer-text); }
      .border-branded-border { border-color: var(--branded-border); }
      .border-branded-footer-border { border-color: var(--branded-footer-border); }