@import url('/asset/css/fontiran.css');

/* The Laravel 10 Liteman palette, mapped onto LaRecipe 3's shared tokens. */
:root {
    --lr-paper: #fff;
    --lr-ink: #2d4059;
    --lr-ink-solid: #2d4059;
    --lr-ink-muted: #566579;
    --lr-ink-faint: #616b79;
    --lr-surface: #f0f3f3;
    --lr-surface-2: #e5edef;
    --lr-sidebar-bg: #f8fafb;
    --lr-sidebar-hover: #e8f1f3;
    --lr-sidebar-active: #dff4f6;
    --lr-hairline: #e1e4e8;
    --lr-hairline-strong: #b7c6ce;
    --lr-accent-current: #007586;
    --lr-accent-hover: #006574;
    --lr-accent-soft: #dff4f6;
    --lr-accent-foreground: #fff;
    --lr-table-bg: #fff;
    --liteman-header: #fafcfd;
    --liteman-brand: #26c6da;
    --liteman-stripe: #faf335;
    --liteman-note-bg: #f5f8fa;
    --liteman-note-ink: #526373;
    --liteman-warning-bg: #fff8e6;
    --liteman-warning-ink: #79582b;
    --liteman-danger-bg: #f9dde5;
    --liteman-danger-ink: #7c314f;
}

:root[data-theme='dark'] {
    --lr-paper: #181b1d;
    --lr-ink: #e4e4e7;
    --lr-ink-solid: #fafafa;
    --lr-ink-muted: #b8b8c0;
    --lr-ink-faint: #a1a1aa;
    --lr-surface: #23282a;
    --lr-surface-2: #2b3133;
    --lr-sidebar-bg: #141819;
    --lr-sidebar-hover: #252b2d;
    --lr-sidebar-active: #203437;
    --lr-hairline: #323a3c;
    --lr-hairline-strong: #505c60;
    --lr-accent-current: #68dbe8;
    --lr-accent-hover: #a1ecf3;
    --lr-accent-soft: #203437;
    --lr-accent-foreground: #141819;
    --lr-table-bg: #181b1d;
    --liteman-header: #1c2123;
    --liteman-note-bg: #252b2d;
    --liteman-note-ink: #d4d4d8;
    --liteman-warning-bg: #302a20;
    --liteman-warning-ink: #f3d29b;
    --liteman-danger-bg: #322326;
    --liteman-danger-ink: #f3bac2;
}

.lr-header {
    background: var(--liteman-header);
    border-block-start: 3px solid var(--liteman-stripe);
}

.lr-prose,
.lr-lead,
.lr-nav-link,
.lr-callout-body {
    line-height: 1.95;
}

.lr-prose pre code,
.lr-code,
.lr-ltr,
.lr-menu-item-mono {
    font-family: var(--lr-font-mono);
    direction: ltr;
    unicode-bidi: isolate;
}

.lr-prose :not(pre) > code {
    font-family: inherit;
    font-size: 0.95em;
    direction: inherit;
    unicode-bidi: isolate;
}

/* Use logical padding so RTL text stays clear of the TOC track. */
.lr-toc-track {
    display: none;
}

.lr-toc-list,
.lr-toc-list[data-lr-track] {
    background: none;
    border-inline-start: 1px solid var(--lr-hairline-strong);
}

.lr-toc-link {
    position: relative;
}

.lr-toc-link[data-active]::before {
    content: '';
    position: absolute;
    inset-block: 0;
    inset-inline-start: -1px;
    width: 2px;
    border-radius: 1px;
    background: var(--lr-ink-solid);
}

html[dir='rtl'] .lr-toc-link,
html[dir='rtl'] .lr-toc-level-3 > .lr-toc-link,
html[dir='rtl'] .lr-toc-level-4 > .lr-toc-link {
    padding-inline-start: 14px;
    padding-inline-end: 14px;
}

.lr-prose a[id] {
    scroll-margin-block-start: 6rem;
}

.lr-page-header,
.lr-page-footer,
.lr-sidebar-extras,
.lr-perf,
.lr-prose .footnotes,
.lr-prose hr {
    background: none;
}

.lr-page-actions,
.lr-page-header .lr-split {
    display: none;
}

.lr-callout {
    background: var(--liteman-note-bg);
    color: var(--liteman-note-ink);
    box-shadow: none;
    --liteman-callout-icon-ink: var(--lr-accent-current);
}

.lr-callout::before {
    width: 22px;
    height: 22px;
    top: 28px;
    inset-inline-start: 18px;
    opacity: 0.65;
    background: var(--liteman-callout-icon-ink);
}

.lr-callout[data-type='warning'] {
    background: var(--liteman-warning-bg);
    color: var(--liteman-warning-ink);
    --liteman-callout-icon-ink: var(--liteman-warning-ink);
}

.lr-callout[data-type='danger'],
.lr-callout[data-type='caution'] {
    background: var(--liteman-danger-bg);
    color: var(--liteman-danger-ink);
    --liteman-callout-icon-ink: var(--liteman-danger-ink);
}

.lr-callout .lr-callout-body,
.lr-callout .lr-callout-body strong,
.lr-callout .lr-callout-body a,
.lr-callout .lr-callout-body code {
    color: inherit;
}

.lr-callout .lr-callout-body a {
    text-decoration-color: currentColor;
}

.lr-callout:hover {
    box-shadow: none;
}