/* Dayanik shared design tokens, agreed 30 October 2026. */
:root{--dayanik-ink:#121212;--dayanik-bg:#f6f8fa;--dayanik-surface:#ffffff;--dayanik-line:#d6dfe5;--dayanik-input:#81929f;--dayanik-muted:#526773;--dayanik-success:#166534;--dayanik-warning:#854d0e;--dayanik-danger:#b42318;--dayanik-accent:#176383;--dayanik-accent-hover:#124f69;--dayanik-soft:#e8f1f4;--dayanik-on-accent:#ffffff;--dayanik-font:"Segoe UI", Arial, sans-serif;}
html[data-dayanik-palette="blue"]{--dayanik-accent:#176383;--dayanik-accent-hover:#124f69;--dayanik-soft:#e8f1f4}
html[data-dayanik-palette="navy"]{--dayanik-accent:#243d63;--dayanik-accent-hover:#1b2d49;--dayanik-soft:#edf1f7}
html[data-dayanik-palette="forest"]{--dayanik-accent:#24634b;--dayanik-accent-hover:#1b4b39;--dayanik-soft:#eaf3ee}
html[data-dayanik-palette="terracotta"]{--dayanik-accent:#99492f;--dayanik-accent-hover:#793924;--dayanik-soft:#f8eee9}
/* Component adapters share tokens; business and document layouts stay in their modules. */
@media screen {
html[data-dayanik-surface]{font-family:var(--dayanik-font);font-size:13px;color-scheme:light}
html[data-dayanik-surface] body{font-family:var(--dayanik-font);font-size:13px;line-height:1.45;color:var(--dayanik-ink);background:var(--dayanik-bg)}
html[data-dayanik-surface] :is(h1,h2,h3,h4,h5,h6,.brand-name,.workspace-brand,.brand){font-family:var(--dayanik-font)}
html[data-dayanik-surface] :is(button,input,select,textarea){font-family:var(--dayanik-font);font-size:13px;line-height:1.45;border-radius:4px}
html[data-dayanik-surface] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){color:var(--dayanik-ink);background:var(--dayanik-surface);border-color:var(--dayanik-input);min-height:32px;padding:5px 8px}
html[data-dayanik-surface] :is(button,.button,.btn){min-height:32px;border-radius:4px;border-width:1px;border-style:solid;border-color:var(--dayanik-line)}
html[data-dayanik-surface] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--dayanik-accent);outline-offset:3px}
html[data-dayanik-surface] label{font-size:12px}
html[data-dayanik-surface] :is(th,td){font-size:12px}
html[data-dayanik-surface] :is(td.num,th.num,.amount,[data-money]){font-variant-numeric:tabular-nums;text-align:right}
html[data-dayanik-surface=workspace] :is(h1){font-size:22px;line-height:1.25}
html[data-dayanik-surface=workspace] :is(h2){font-size:15px;line-height:1.35}
html[data-dayanik-surface=workspace] :is(h3,h4){font-size:13px;line-height:1.4}
html[data-dayanik-surface=workspace] :is(.workspace-panel,.setting-panel,.panel,.card,.module-card,.login-card,.palette-preview){padding:10px;border-radius:6px;border-color:var(--dayanik-line);background:var(--dayanik-surface)}
html[data-dayanik-surface=workspace] :is(.actions,.form-grid,.form-row,.filters,.button-row){gap:8px}
html[data-dayanik-surface=workspace] :is(main,.workspace-main>main,.shell-content){padding:12px}
html[data-dayanik-surface=workspace] :is(button,.btn,.button){padding:5px 10px}
html[data-dayanik-surface=workspace] table :is(button,.btn,.button){min-height:26px;padding:3px 8px;font-size:12px}
html[data-dayanik-surface=workspace] :is(td,th){padding-top:7px;padding-bottom:7px}
html[data-dayanik-surface] .primary,html[data-dayanik-surface] .btn-primary,html[data-dayanik-surface] .button.primary{background:var(--dayanik-accent);border-color:var(--dayanik-accent);color:var(--dayanik-on-accent)}
html[data-dayanik-surface] :is(.primary,.btn-primary,.button.primary):hover:not(:disabled){background:var(--dayanik-accent-hover);border-color:var(--dayanik-accent-hover);color:var(--dayanik-on-accent)}
.branding-card{max-width:820px;margin:30px auto;padding:20px;background:var(--dayanik-surface);border:1px solid var(--dayanik-line);border-radius:6px}
.palette-options{display:flex;gap:8px;flex-wrap:wrap}.palette-option{display:flex;align-items:center;gap:8px;border:1px solid var(--dayanik-line);padding:8px;border-radius:4px;cursor:pointer}.palette-chip{width:22px;height:22px;border-radius:4px;background:var(--dayanik-accent);display:inline-block}
.palette-blue{background:#176383}.palette-navy{background:#243d63}.palette-forest{background:#24634b}.palette-terracotta{background:#99492f}
.branding-card button:not(.primary){background:var(--dayanik-surface);color:var(--dayanik-ink)}.palette-preview label{display:grid;gap:8px;max-width:360px;margin-bottom:8px}.palette-preview{margin:12px 0}.branding-card fieldset{min-width:0;border:1px solid var(--dayanik-line);border-radius:6px;padding:10px}.branding-card .actions{display:flex;flex-wrap:wrap;gap:8px}.branding-card .check{display:flex;align-items:center;gap:8px;margin:12px 0}
.status-success{color:var(--dayanik-success)}.status-warning{color:var(--dayanik-warning)}.status-error{color:var(--dayanik-danger)}
}
@media screen and (max-width:600px){html[data-dayanik-surface] :is(input,select,textarea){font-size:16px}.branding-card{margin:12px}.palette-options{flex-direction:column}}
@media screen and (pointer:coarse){html[data-dayanik-surface] :is(button,.button,.btn),html[data-dayanik-surface] table :is(button,.btn,.button){min-height:44px}html[data-dayanik-surface] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){min-height:44px}}