.tabs.tabs-box {
    gap: 0.25rem;
    padding: 0.25rem;
    border: 1px solid color-mix(in oklab, var(--color-secondary) 50%, var(--color-base-300));
    background-color: var(--color-base-300);
    box-shadow: 0 10px 24px -18px color-mix(in oklab, var(--color-secondary) 45%, transparent);
}

.tabs.tabs-box .tab {
    gap: 0.5rem;
    min-height: 2rem;
    border-radius: calc(var(--radius-box) - 0.125rem);
    color: color-mix(in oklab, var(--color-base-content) 85%, var(--color-secondary));
    font-weight: 600;
    transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.tabs.tabs-box .tab:hover {
    background-color: color-mix(in oklab, var(--color-secondary) 18%, var(--color-base-100));
}

.tabs.tabs-box .tab.tab-active {
    background-color: var(--color-secondary);
    color: var(--color-secondary-content);
    box-shadow: 0 8px 18px -12px color-mix(in oklab, var(--color-secondary) 80%, transparent);
}

/* Minimal Google Sign-In button styles (GSI material look) */
/* Removed custom Google Sign-In styles — using DaisyUI `btn` classes and embedded SVG instead. */

/* Nord theme color overrides */
:root:has(input.theme-controller[value=nord]:checked),
[data-theme=nord] {
  --color-primary: #1E4E8C;
  --color-primary-content: #ffffff;
  --color-secondary: #0E5BAF;
  --color-secondary-content: #ffffff;
  --color-accent: #F2B7A0;
  --color-neutral: #1E1E1E;
    --color-base-100: #FFFFFF;
  --color-success: #22C55E;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
}

.cercis-page-gradient {
  background: linear-gradient(45deg, rgba(250, 193, 182, 1), rgba(9, 76, 134, 1));
}