/**
 * Chatting.im page theme preset.
 * Theme key: ocean_circuit
 * Source split from the canonical theme system; effective values preserve the monolith cascade.
 */

[data-page-theme="ocean_circuit"] {
    color-scheme: dark;
    --bio-theme-font-family: "CI JetBrains Mono", ui-monospace, monospace;
    --bio-theme-heading-font-family: "CI JetBrains Mono", ui-monospace, monospace;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(4, 25, 35, 0.04), rgba(4, 25, 35, 0.36)),
        url("/assets/img/page-themes/ocean-circuit.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #e9fdff;
    --bio-theme-muted: #8ebbc2;
    --bio-theme-accent: #27e6d2;
    --bio-theme-accent-2: #28a8ff;
    --bio-theme-accent-soft: #0a3a43;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(7, 37, 48, 0.18);
    --bio-theme-surface-border: rgba(39, 230, 210, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #27e6d2, #28a8ff 58%, #06384a);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #27e6d2, #28a8ff);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #082a35;
    --bio-theme-link-hover-background: #28464f;
    --bio-theme-link-border: rgba(39, 230, 210, 0.52);
    --bio-theme-link-hover-border: rgba(40, 168, 255, 0.70);
    --bio-theme-link-text: #e9fdff;
    --bio-theme-link-icon-background: #0d4853;
    --bio-theme-link-icon-text: #34f3df;
    --bio-theme-link-arrow: #34f3df;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 10px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 4px;
    --bio-theme-social-background: #0a333e;
    --bio-theme-social-hover-background: #0a353f;
    --bio-theme-social-border: rgba(39, 230, 210, 0.52);
    --bio-theme-social-text: #34f3df;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 10px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #0a333e;
    --bio-theme-contact-border: rgba(39, 230, 210, 0.52);
    --bio-theme-contact-text: #34f3df;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 10px;
    --bio-theme-action-text: #34f3df;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #28a8ff;
    --bio-theme-chat-background: rgba(7, 37, 48, 0.30);
    --bio-theme-chat-border: rgba(39, 230, 210, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 14px;
    --bio-theme-chat-messages-background: rgba(7, 40, 53, 0.30);
    --bio-theme-chat-input-background: var(--bio-theme-link-background);
    --bio-theme-chat-input-focus-background: var(--bio-theme-link-hover-background);
    --bio-theme-chat-input-border: rgba(39, 230, 210, 0.26);
    --bio-theme-chat-placeholder: var(--bio-theme-link-muted);
    --bio-theme-chat-visitor-background: #072835;
    --bio-theme-chat-visitor-text: #e9fdff;
    --bio-theme-chat-visitor-border: rgba(39, 230, 210, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #27e6d2, #28a8ff);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(40, 168, 255, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #27e6d2, #28a8ff);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(39, 230, 210, 0.30);
    --bio-theme-footer-background: #082934;
    --bio-theme-footer-text: #34f3df;
    --bio-theme-footer-border: rgba(39, 230, 210, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(4, 25, 35, 0.00), rgba(4, 25, 35, 0.94));
    --bio-theme-focus-ring: rgba(39, 230, 210, 0.42);
    --bio-theme-focus-contrast: #ffffff;
    --bio-theme-modal-background: linear-gradient(#082934, #082934), #082a35;
    --bio-theme-modal-border: rgba(39, 230, 210, 0.52);
    --bio-theme-modal-close-background: #0a333e;
    --bio-theme-modal-close-border: rgba(39, 230, 210, 0.52);
    --bio-theme-modal-close-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
}