﻿/* digitalbusinesscard.css
  This file ONLY contains the color variables for the Digital Business Card theme.
  Link to this file AFTER products.css to apply the theme.
*/

:root {
    --bg-color: #F5F5F0;
    --text-color: #3E2723;
    --primary-accent: #bd422b;
    --secondary-accent: #ccb04d;
    --tertiary-accent: #ffbe28;
    --light-transparent: rgba(255, 255, 255, 0.3);
    --light-transparent-hover: rgba(255, 255, 255, 0.4);
    --light-border: rgba(255, 255, 255, 0.4);
    --shadow-color: rgba(166, 106, 79, 0.3);
    --glow-color: rgba(166, 106, 79, 0.5);
    --hero-pattern-color: rgba(255, 255, 255, 0.1);
    --scroll-indicator-color: #3E2723;
    --pulse-color: rgba(244, 162, 97, 0.4);
    --pulse-color-end: rgba(244, 162, 97, 0);
    --bubble-color-1: rgba(244, 162, 97, 0.4);
    --bubble-color-2: rgba(233, 184, 114, 0.4);
    --title-glow-from: rgba(244, 162, 97, 0.3);
}

/* Theme-specific overrides */
.action-button {
    color: var(--bg-color) !important; /* Button text color is light for this theme */
}

.icon-large {
    color: var(--primary-accent) !important;
    text-shadow: 0 0 20px rgba(244, 162, 97, 0.6), 0 0 10px rgba(0,0,0,0.3) !important;
}

.ecosystem-card i {
    color: #aa7c57 !important;
}

/*.demo-card h3 {
    color: var(--tertiary-accent);
}*/
/* Theme-specific overrides for video gallery */
/*.video-card {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

    .video-card:hover {
        background: rgba(255, 255, 255, 0.3);
        border-color: rgba(255, 255, 255, 0.5);
    }

    .video-card h3 {
        color: var(--text-color);
    }

    .video-card .play-icon {
        color: var(--tertiary-accent);
    }

.video-gallery-section {
    border-top-color: rgba(62, 39, 35, 0.2);
}

    .video-gallery-section h2 {
        color: var(--text-color);
    }*/

