/* Arcade — members and tools: Archive, sign-in, Flood, Tools, CSS Cleaner,
 * Crab Champions Save Editor, Docs, FAQ.
 *
 * Only colours that have no default token live here; every literal that
 * matched a --ds-* value was swapped in the source file itself. Archive keeps
 * its own amber/green/rose tints (Tailwind 100-300) in the default look; under
 * Arcade they become the screen's warning/success/danger, and the paler tints
 * a mix of that colour with the screen's text colour.
 */

/* -- Archive: invalid share link -------------------------------------------- */

html[data-theme="arcade"] .archive-share-card.is-invalid .archive-share-icon {
    border-color: rgba(var(--ds-danger-rgb), .24);
    background: rgba(var(--ds-danger-rgb), .08);
    color: var(--ds-danger);
}

/* -- Archive: shared file details -------------------------------------------- */

html[data-theme="arcade"] .archive-share-details code {
    color: color-mix(in srgb, var(--ds-link) 60%, var(--ds-text-1));
}

html[data-theme="arcade"] .archive-share-details .archive-share-password {
    border-color: rgba(var(--ds-warning-rgb), .2);
    background: rgba(var(--ds-warning-rgb), .045);
}

html[data-theme="arcade"] .archive-share-details .archive-share-password small {
    color: color-mix(in srgb, var(--ds-warning) 70%, var(--ds-text-1));
}

html[data-theme="arcade"] .archive-share-details .archive-share-password code {
    color: color-mix(in srgb, var(--ds-warning) 35%, var(--ds-text-1));
}

html[data-theme="arcade"] .archive-once-note i {
    color: var(--ds-warning);
}

/* -- Archive: share link created --------------------------------------------- */

html[data-theme="arcade"] .archive-share-created {
    border-color: rgba(var(--ds-success-rgb), .24);
    background: rgba(var(--ds-success-rgb), .055);
}

html[data-theme="arcade"] .archive-share-created-icon {
    background: rgba(var(--ds-success-rgb), .1);
    color: var(--ds-success);
}

html[data-theme="arcade"] .archive-share-created-copy small {
    color: color-mix(in srgb, var(--ds-success) 70%, var(--ds-text-1));
}

html[data-theme="arcade"] .archive-share-link-field {
    border-color: rgba(var(--ds-success-rgb), .18);
}

html[data-theme="arcade"] .archive-share-link-field input {
    color: color-mix(in srgb, var(--ds-success) 35%, var(--ds-text-1));
}

/* The copy button's resting border is theme-arcade.css's .btn border already;
 * only the copied state paints its own colour. */
html[data-theme="arcade"] .archive-share-link-field .btn.is-copied {
    border-color: var(--ds-success);
    background: var(--ds-success);
    color: var(--ds-bg);
}

/* -- Archive: extraction password, integrity note ------------------------------ */

html[data-theme="arcade"] .archive-extraction-password {
    border-color: rgba(var(--ds-warning-rgb), .22);
    background: rgba(var(--ds-warning-rgb), .055);
}

html[data-theme="arcade"] .archive-extraction-password>span {
    background: rgba(var(--ds-warning-rgb), .09);
    color: var(--ds-warning);
}

html[data-theme="arcade"] .archive-extraction-password small {
    color: color-mix(in srgb, var(--ds-warning) 70%, var(--ds-text-1));
}

html[data-theme="arcade"] .archive-extraction-password code {
    border-color: rgba(var(--ds-warning-rgb), .2);
    color: color-mix(in srgb, var(--ds-warning) 35%, var(--ds-text-1));
}

html[data-theme="arcade"] .archive-integrity-note i {
    color: var(--ds-success);
}

/* -- bare <code> ------------------------------------------------------------------ */

/* Code with no colour of its own takes Bootstrap's dark-mode pink
 * (--bs-code-color); the screen's highlight colour stands in for it. */
html[data-theme="arcade"] .cleaner,
html[data-theme="arcade"] .crab-editor,
html[data-theme="arcade"] .cwiki,
html[data-theme="arcade"] .tool-directory-section,
html[data-theme="arcade"] .archive-page {
    --bs-code-color: var(--ds-violet);
}

/* FAQ needs nothing here: its link underline, notice and search mark read
 * --ds-link-rgb / --ds-warning-rgb in CSS/styles.css itself. */