24 lines
2.0 KiB
CSS
24 lines
2.0 KiB
CSS
/* Shared chrome uses the canonical package tokens; artwork keeps its own palette. */
|
|
html,body{background:var(--background);color:var(--foreground);color-scheme:inherit}
|
|
body{margin:0}
|
|
.endoleap-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;line-height:1.15;vertical-align:middle;letter-spacing:normal;font-weight:650}
|
|
.endoleap-brand .endoleap-mark{width:32px;height:32px;object-fit:contain;flex-shrink:0}
|
|
.endoleap-mark-dark{display:none!important}
|
|
[data-theme$="-dark"] .endoleap-mark-light{display:none!important}
|
|
[data-theme$="-dark"] .endoleap-mark-dark{display:block!important}
|
|
.endoleap-wordmark{display:flex!important;flex-direction:column;font-size:17px!important;color:var(--foreground-strong)!important;letter-spacing:.02em!important;margin:0!important;gap:3px}
|
|
.endoleap-wordmark small{display:block;font-size:9px;font-weight:500;letter-spacing:.08em;color:var(--muted-foreground)}
|
|
button.endoleap-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--muted-foreground);border-radius:8px;padding:8px;width:32px;height:32px;font-size:16px;line-height:1.2;flex-shrink:0;cursor:pointer}
|
|
button.endoleap-theme-toggle:hover{background:var(--row-hover)}
|
|
:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--ring);outline-offset:3px}
|
|
::selection{background:var(--selection);color:var(--foreground)}
|
|
@media(max-width:600px){.endoleap-theme-toggle span{display:inline}.endoleap-brand{gap:5px}.endoleap-brand .endoleap-mark{width:26px;height:26px}.endoleap-wordmark{font-size:14px!important}}
|
|
|
|
button:disabled{cursor:default}
|
|
input,textarea,select{accent-color:var(--primary)}
|
|
|
|
.primary-button,.auth-submit{background:var(--primary);color:var(--primary-foreground)}
|
|
.primary-button:hover,.auth-submit:hover{background:var(--primary-hover)}
|
|
/* The legacy library rail collapses on tablets, while its mobile drawer expands. */
|
|
@media(min-width:651px) and (max-width:950px){.sidebar .endoleap-wordmark{display:none!important}}
|