/* Kinoward theme layer (30 Oct 2026) for the new landing page, kinoward.html.
   Loads after style.css and responsive.css and re-declares the tokens and the shared chrome in the brand palette:
   Ink #111315, Graphite #292D31, Ember #F28A18, Paper #F4F1EA, on the rounded layout (8px controls, 12px cards and dialogs).
   pricing.html and login.html also load it (with kinoward-pages.css). The original index.html does not load it and is unchanged. */
:root{color:#F4F1EA;background:#111315;--bg:#111315;--bg-soft:#14171A;--nav:#16191C;--surface:#1D2024;--surface-2:#292D31;--input:#0E1012;--line:#353A40;--line-strong:#555C64;--text:#F4F1EA;--text-2:#C9C5BC;--muted:#A19E96;--accent:#F28A18;--accent-soft:#F59A33;--accent-pressed:#D47410;--on-accent:#111315;--success:#7FB08A;--danger:#E06A5A;--radius-control:8px;--radius-card:12px;--radius-dialog:12px;--page-background:none}
body{background-image:none}
/* Header and menu: frosted ink. */
.header{background:rgba(17,19,21,.72);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
.header-account>button,.eyebrow{color:var(--accent)}
.menu{border-radius:var(--radius-control)}
@media(max-width:1100px){.header nav{background:rgba(22,25,28,.86);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}}
/* Buttons: solid Ember with Ink text; secondary is a graphite outline. */
.button{border:1px solid var(--accent);border-radius:var(--radius-control);background:var(--accent);color:var(--on-accent)}
.button:hover{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--on-accent)}
.button:active{background:var(--accent-pressed);border-color:var(--accent-pressed);color:var(--on-accent)}
.button.secondary{background:transparent;border-color:var(--line-strong);color:var(--text)}
.button.secondary:hover{background:var(--surface);border-color:var(--text-2);color:var(--text)}
.button.secondary:active{background:var(--surface-2);border-color:var(--text-2)}
.button>span,.button .marketing-arrow{color:inherit}
.button.secondary>span,.button.secondary .marketing-arrow{color:var(--accent)}
.text-link:hover{color:var(--accent)}
/* Dialogs and the beta form. */
dialog{border:1px solid var(--line);border-radius:var(--radius-dialog);background:var(--bg-soft)}
dialog::backdrop{background:rgba(0,0,0,.78)}
dialog .dialog-head,#account-dialog .dialog-head{background:var(--bg-soft)}
#account-dialog{border:1px solid var(--line);border-radius:var(--radius-dialog);background:var(--bg-soft);box-shadow:0 32px 110px rgba(0,0,0,.55)}
#beta-request-form input:focus,#beta-request-form textarea:focus{border-bottom-color:var(--accent);box-shadow:0 1px 0 var(--accent)}
#beta-request-form .beta-interest input{accent-color:var(--accent)}
#beta-request-form .beta-submit .button{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-control);color:var(--on-accent)}
#beta-request-form .beta-submit .button:hover{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--on-accent)}
#beta-request-status{border-left:2px solid var(--accent);border-radius:0 8px 8px 0;background:var(--surface);color:var(--text)!important}
#beta-request-status[data-state=error]{border-color:var(--danger);background:var(--surface)}
#beta-request-status[data-state=success]{border-color:var(--success);background:var(--surface)}
@media(max-width:760px){#account-dialog{border-radius:var(--radius-dialog)}}
/* No text selection on the page (owner, 30 Oct 2026). Form fields stay selectable so typed text can be edited.
   Stronger than responsive.css, which re-enables selection on headings and paragraphs. */
html body,html body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html body :is(input,textarea){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}