/* Shared styles across all pages */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --primary-color: #3b82f6;
  --secondary-color: #8b5cf6;
  --theme-mode: light;
}

body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.ce-block__content {
    max-width: 100% !important;
}

.ce-toolbar__content {
    max-width: 100% !important;
}

.cdx-block {
    max-width: 100% !important;
}

.codex-editor__redactor {
    padding-bottom: 0 !important;
}

.editorjs {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1rem;
}

.ce-header {
    font-weight: 700 !important;
}

.ce-paragraph {
    line-height: 1.6 !important;
}

.cdx-settings-button {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.cdx-settings-button:hover {
    background: #f3f4f6 !important;
}

.ce-popover-item:hover {
    background: #f3f4f6 !important;
}

.ce-popover-item__icon {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.ce-popover-item__title {
    color: #1f2937 !important;
}

.ce-inline-toolbar {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.ce-inline-toolbar__buttons button:hover {
    background: #f3f4f6 !important;
}

.cdx-search-field {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.cdx-search-field__input {
    color: #1f2937 !important;
}

.cdx-search-field__input::placeholder {
    color: #9ca3af !important;
}

.ce-popover {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.ce-popover__items {
    background: #f9fafb !important;
}

.ce-popover-item {
    border-bottom: 1px solid #e5e7eb !important;
}

.ce-popover-item:last-child {
    border-bottom: none !important;
}

.ce-popover-item--active {
    background: #f3f4f6 !important;
}

.ce-popover-item--active .ce-popover-item__icon {
    background: #3b82f6 !important;
    color: white !important;
}

.ce-popover-item--active .ce-popover-item__title {
    color: #1f2937 !important;
}

.ce-popover-item--active .ce-popover-item__hint {
    color: #6b7280 !important;
}

.ce-popover-item__hint {
    color: #6b7280 !important;
}

.ce-conversion-toolbar {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.ce-conversion-toolbar__label {
    color: #1f2937 !important;
}

.ce-conversion-tool {
    border-bottom: 1px solid #e5e7eb !important;
}

.ce-conversion-tool:last-child {
    border-bottom: none !important;
}

.ce-conversion-tool:hover {
    background: #f3f4f6 !important;
}

.ce-conversion-tool--active {
    background: #f3f4f6 !important;
}

.ce-conversion-tool__icon {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.ce-conversion-tool__name {
    color: #1f2937 !important;
}

.ce-conversion-tool__shortcut {
    color: #6b7280 !important;
}

.ce-settings {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.ce-settings__button {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.ce-settings__button:hover {
    background: #f3f4f6 !important;
}

.ce-settings__button--confirm {
    background: #3b82f6 !important;
    color: white !important;
}

.ce-settings__button--confirm:hover {
    background: #2563eb !important;
}

.ce-settings__button--disabled {
    opacity: 0.5 !important;
}

.ce-settings__button--disabled:hover {
    background: #f9fafb !important;
}

.ce-settings__button--active {
    background: #f3f4f6 !important;
}

.ce-settings__button--active:hover {
    background: #f3f4f6 !important;
}

.ce-settings__button--active .ce-settings__button-icon {
    color: #3b82f6 !important;
}

.ce-settings__button-icon {
    color: #1f2937 !important;
}

.ce-settings__button-label {
    color: #1f2937 !important;
}

.ce-settings__button-label--active {
    color: #3b82f6 !important;
}

.ce-settings__button-label--disabled {
    color: #9ca3af !important;
}

.ce-settings__button-label--disabled:hover {
    color: #9ca3af !important;
}

.ce-settings__button-label--active:hover {
    color: #3b82f6 !important;
}

.ce-settings__button-label:hover {
    color: #1f2937 !important;
}

.ce-settings__button:hover .ce-settings__button-label {
    color: #1f2937 !important;
}

.ce-settings__button:hover .ce-settings__button-icon {
    color: #1f2937 !important;
}

.ce-settings__button--active:hover .ce-settings__button-icon {
    color: #3b82f6 !important;
}

.ce-settings__button--active:hover .ce-settings__button-label {
    color: #3b82f6 !important;
}

.ce-settings__button--confirm:hover .ce-settings__button-icon {
    color: white !important;
}

.ce-settings__button--confirm:hover .ce-settings__button-label {
    color: white !important;
}

.ce-settings__button--disabled:hover .ce-settings__button-icon {
    color: #9ca3af !important;
}

.ce-settings__button--disabled:hover .ce-settings__button-label {
    color: #9ca3af !important;
}