@charset "utf-8";
/*
    Zivamode — dark luxury theme
    Activated by <html data-theme="dark"> (theme toggle, saved in localStorage).
    Palette per spec: bg #0a0a0a / surfaces #141414-#1a1a1a / gold #c9a227.
*/

[data-theme='dark'] {
    color-scheme: dark;

    /* Surface scale: page -> sections -> cards */
    --color-cream: #0a0a0a;
    --color-ivory: #121212;
    --color-warm-white: #171717;

    /* Ink */
    --color-charcoal: #f5f5f5;
    --color-charcoal-soft: #cfcfcf;

    /* Gold accents */
    --color-gold: #c9a227;
    --color-gold-light: #d4af37;
    --color-gold-dark: #d4af37;

    /* Muted text + hairlines */
    --color-taupe: #a3a3a3;
    --color-taupe-light: rgba(255, 255, 255, 0.14);
}

/* ---------------------------------------------------- header */
[data-theme='dark'] .site-header::before {
    background-color: rgba(10, 10, 10, 0.6);
}

[data-theme='dark'] .site-header.scrolled {
    background: rgba(10, 10, 10, 0.92);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* ------------------------------------------- dark editorial bands */
[data-theme='dark'] .story {
    background: linear-gradient(104deg, #0d0d0d 0%, #0d0d0d 50%, #141414 50%, #141414 100%);
}

[data-theme='dark'] .site-footer {
    background: linear-gradient(104deg,
        #0d0d0d 0%, #0d0d0d 28%,
        #141414 28%, #141414 72%,
        #0d0d0d 72%, #0d0d0d 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Text that the template paints with the light-mode border colour */
[data-theme='dark'] .story-text,
[data-theme='dark'] .footer-contact-info p,
[data-theme='dark'] .footer-contact-info a,
[data-theme='dark'] .footer-links a,
[data-theme='dark'] .footer-about p {
    color: #b8b8b8;
}

[data-theme='dark'] .footer-links a:hover,
[data-theme='dark'] .footer-contact-info a:hover,
[data-theme='dark'] .footer-about a:hover {
    color: var(--color-gold-light);
}

[data-theme='dark'] .footer-bottom {
    border-top: none;
}

/* ---------------------------------------------------- components */
[data-theme='dark'] .product-card__count {
    background-color: rgba(23, 23, 23, 0.85);
    color: var(--color-charcoal);
}

[data-theme='dark'] .hero-image-overlay {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

[data-theme='dark'] .craft-stats {
    box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55);
}

[data-theme='dark'] .testimonial-card:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
}

[data-theme='dark'] .testimonial-card::before {
    color: var(--color-gold);
}

[data-theme='dark'] .btn-primary {
    background-color: var(--color-gold);
    color: #111111;
}

[data-theme='dark'] .btn-primary:hover {
    background-color: var(--color-gold-light);
}

[data-theme='dark'] .form-submit {
    background-color: var(--color-gold);
    color: #111111;
}

[data-theme='dark'] .form-submit:hover {
    background-color: var(--color-gold-light);
}

[data-theme='dark'] .chip.is-active,
[data-theme='dark'] .pagination__link.is-active {
    background-color: var(--color-gold);
    border-color: var(--color-gold);
    color: #111111;
}

[data-theme='dark'] .nav-cta {
    border-color: rgba(255, 255, 255, 0.4);
}

[data-theme='dark'] .nav-cta:hover {
    background-color: var(--color-gold);
    border-color: var(--color-gold);
    color: #111111;
}

[data-theme='dark'] .theme-toggle {
    color: var(--color-charcoal);
}

/* Inputs: keep them readable on dark surfaces */
[data-theme='dark'] .form-input,
[data-theme='dark'] .form-textarea {
    color: var(--color-charcoal);
}

[data-theme='dark'] .form-input::placeholder,
[data-theme='dark'] .form-textarea::placeholder {
    color: #8a8a8a;
}

/* Selection + scrollbar mood */
[data-theme='dark'] ::selection {
    background: rgba(201, 162, 39, 0.35);
}