/* Canonical ContentRyter design system. Synced to Hugo by scripts/sync-brand.mjs. */
:root {
 --brand-ink:#252731; --brand-muted:#626774; --brand-line:#e4e7ec;
 --brand-paper:#ffffff; --brand-canvas:#f7f8fa;
 --brand-primary:#604bdc; --brand-primary-hover:#5140bd; --brand-purple:#7765eb;
 --brand-lavender:#f1edff; --brand-lavender-line:#ddd5f5;
 --brand-green:#24694c; --brand-mint:#edf7f1; --brand-mint-line:#d3e7db;
 --brand-body-font:'DM Sans',Arial,sans-serif;
 --brand-heading-font:'Patrick Hand','Segoe Print',cursive;
 --brand-control-radius:9px; --brand-card-radius:16px; --brand-hero-radius:20px;
 --brand-shadow:0 4px 20px #25273106;
 /* Website and app aliases resolve to the same palette. */
 --ink:var(--brand-ink); --muted:var(--brand-muted); --line:var(--brand-line);
 --paper:var(--brand-paper); --white:var(--brand-paper); --purple:var(--brand-purple);
 --purple-dark:var(--brand-primary); --green:var(--brand-green);
 --lavender:var(--brand-lavender); --mint:var(--brand-mint);
 --ui-ink:var(--brand-ink); --ui-muted:var(--brand-muted); --ui-line:var(--brand-line);
 --ui-canvas:var(--brand-canvas); --ui-blue:var(--brand-primary);
 --ui-purple:var(--brand-purple); --ui-purple-ink:var(--brand-primary);
 --ui-green:var(--brand-mint); --ui-green-ink:var(--brand-green);
 --studio-lime:var(--brand-mint); --studio-lime-soft:var(--brand-mint); --studio-lime-ink:var(--brand-green);
 --ui-aqua:var(--brand-mint); --ui-aqua-soft:var(--brand-mint); --ui-aqua-ink:var(--brand-green);
 --ui-peach:var(--brand-lavender); --ui-peach-soft:var(--brand-lavender); --ui-peach-ink:var(--brand-primary);
 --ui-blush:var(--brand-mint); --ui-blush-soft:var(--brand-mint); --ui-blush-ink:var(--brand-green);
 --ui-periwinkle:var(--brand-lavender); --ui-periwinkle-ink:var(--brand-primary);
 --ui-radius:var(--brand-card-radius); --ui-shadow:var(--brand-shadow);
}
body { font-family:var(--brand-body-font); }
::selection { background:#e6dfff; color:#3e2f80; }
:focus-visible { outline:2px solid var(--brand-purple); outline-offset:3px; }
body:is(.workspace-page,.writing-app,.auth-page) { color:var(--brand-ink); background:var(--brand-canvas); }
body:is(.workspace-page,.writing-app,.auth-page) :is(button,input,select,textarea) { font-family:var(--brand-body-font); }
body.workspace-page .sidebar { background:var(--brand-paper); border-color:var(--brand-line); }
body.workspace-page .sidebar .nav-item { font-size:14px; font-weight:500; color:var(--brand-muted); border-radius:var(--brand-control-radius); border-left:0; }
body.workspace-page .sidebar .nav-item.active { color:var(--brand-primary); background:var(--brand-lavender); border:0; box-shadow:none; }
body.workspace-page .sidebar .nav-item:hover { color:var(--brand-primary); background:#f5f3fc; }
body.workspace-page .main > :is(.page-header,.dashboard-header),body.writing-app .writing-header { background:var(--brand-paper); border-color:var(--brand-line); }
body.workspace-page .main > :is(.page-header,.dashboard-header) .header-left h1 { font:600 20px/1.3 var(--brand-body-font); color:var(--brand-ink); letter-spacing:-.03em; }
body.workspace-page :is(.panel,.stat-card,.project-card,.template-card,.settings-card,.documents-container),body.writing-app :is(.draft-area,.inspector-box) { border-color:var(--brand-line); border-radius:var(--brand-card-radius); box-shadow:var(--brand-shadow); background:var(--brand-paper); }
body:is(.workspace-page,.writing-app) :is(.btn-primary,.primary-btn,.action-btn.primary,.app-dialog-btn.primary) { background:var(--brand-primary); border-color:var(--brand-primary); color:#fff; border-radius:var(--brand-control-radius); box-shadow:none; font-size:14px; font-weight:600; }
body:is(.workspace-page,.writing-app) :is(.btn-primary,.primary-btn,.action-btn.primary,.app-dialog-btn.primary):hover { background:var(--brand-primary-hover); border-color:var(--brand-primary-hover); }
body:is(.workspace-page,.writing-app) :is(.btn-secondary,.secondary-btn,.header-link,.app-dialog-btn.secondary) { background:var(--brand-paper); border-color:var(--brand-line); color:var(--brand-muted); border-radius:var(--brand-control-radius); font-size:13px; font-weight:500; box-shadow:none; }
body:is(.workspace-page,.writing-app) :is(.btn-secondary,.secondary-btn,.header-link,.app-dialog-btn.secondary):hover { background:var(--brand-canvas); border-color:#cfc4ed; }
body.workspace-page :is(.filter-tab.active,.filter-chip.active,.settings-nav-item.active),body.workspace-page .admin-tabs a[aria-current] { background:var(--brand-lavender); color:var(--brand-primary); border-color:var(--brand-lavender-line); }
body:is(.workspace-page,.writing-app) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea) { border-color:var(--brand-line); border-radius:var(--brand-control-radius); }
body:is(.workspace-page,.writing-app) :is(.sidebar-search input,input[type=search],.search-input,.form-control),body.auth-page .auth-form-panel .form-control { background:var(--brand-paper); color:var(--brand-ink); }
body:is(.workspace-page,.writing-app,.auth-page) input[type=checkbox] { accent-color:var(--brand-primary); }
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro) { background:var(--brand-paper); border:1px solid var(--brand-line); border-radius:var(--brand-hero-radius); box-shadow:none; }
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro) h2 { color:var(--brand-ink); font-family:var(--brand-heading-font); font-weight:400; letter-spacing:0; }
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro) h2 em { font-style:normal; text-decoration-color:#c5b8f4; }
body.workspace-page :is(.dashboard-eyebrow,.documents-eyebrow,.planner-eyebrow,.templates-eyebrow,.keyword-eyebrow,.management-eyebrow) { color:var(--brand-primary); background:var(--brand-lavender); border-color:var(--brand-lavender-line); }
body.workspace-page.dashboard-page .dashboard-launch { border-color:var(--brand-line); background:var(--brand-paper); }
body.workspace-page.dashboard-page .dashboard-launch:first-child,body.workspace-page.dashboard-page .dashboard-launch:nth-child(3) { background:var(--brand-mint); border-color:var(--brand-mint-line); }
body.workspace-page.dashboard-page .dashboard-launch:nth-child(2) { background:var(--brand-lavender); border-color:var(--brand-lavender-line); }
body.workspace-page.dashboard-page .dashboard-launch .dashboard-launch-icon { background:var(--brand-paper); color:var(--brand-primary); }
body.workspace-page.dashboard-page .dashboard-launch:first-child .dashboard-launch-icon,body.workspace-page.dashboard-page .dashboard-launch:nth-child(3) .dashboard-launch-icon { color:var(--brand-green); background:var(--brand-paper); }
body.workspace-page .stat-icon { background:var(--brand-lavender); color:var(--brand-primary); }
body.workspace-page .stat-card:nth-child(even) .stat-icon { background:var(--brand-mint); color:var(--brand-green); }
body.workspace-page :is(.plan-badge,.workspace-chip,.documents-library-count),body.workspace-page :is(.badge-published,.difficulty-easy,.research-badge.complete,.research-badge.ready) { background:var(--brand-mint); color:var(--brand-green); border-color:var(--brand-mint-line); }
body:is(.workspace-page,.writing-app,.auth-page) .alert-success { background:var(--brand-mint); color:var(--brand-green); border-color:var(--brand-mint-line); }
body.workspace-page :is(.app-dialog-card,.planner-dialog,.modal-card),body.writing-app .writing-dialog { background:var(--brand-paper); color:var(--brand-ink); border-color:var(--brand-line); border-radius:var(--brand-card-radius); }
body.workspace-page :is(.app-dialog-head,.modal-header,.planner-dialog header),body.writing-app .dialog-heading { background:var(--brand-canvas); border-color:var(--brand-line); }
body.workspace-page :is(.app-dialog-head,.modal-header,.planner-dialog header) :is(h2,h3),body.writing-app .dialog-heading h2 { font-family:var(--brand-heading-font); font-weight:400; font-size:28px; letter-spacing:0; color:var(--brand-ink); }
body.writing-app :is(.formatting-bar,.inspector-box-toggle[aria-expanded=true]) { background:var(--brand-canvas); border-color:var(--brand-line); }
body.writing-app .formatting-bar button { color:var(--brand-muted); }
body.writing-app .formatting-bar button[aria-pressed=true] { color:var(--brand-primary); background:var(--brand-lavender); }
body.writing-app :is(.writing-content,.document-title) { color:var(--brand-ink); }
body.writing-app .writing-content :is(h1,h2,h3,h4) { color:var(--brand-ink); }
body.auth-page .auth-kicker { border-radius:6px; background:var(--brand-lavender); border-color:var(--brand-lavender-line); color:var(--brand-primary); font-size:11px; letter-spacing:.05em; }
body.auth-page .auth-story h2,body.auth-page .auth-story h2 em { font:400 clamp(38px,4.3vw,58px)/1.1 var(--brand-heading-font); color:var(--brand-ink); letter-spacing:0; }
body.auth-page .auth-story h2 em { text-decoration:underline; text-decoration-color:#c5b8f4; text-decoration-thickness:3px; text-underline-offset:5px; }
body.auth-page .auth-preview { box-shadow:var(--brand-shadow); border-color:var(--brand-line); }
body.auth-page .auth-preview-tag { background:var(--brand-mint); color:var(--brand-green); }
body.auth-page .auth-form-panel { border-color:var(--brand-line); border-radius:var(--brand-hero-radius); box-shadow:var(--brand-shadow); }
body.auth-page .auth-form-panel .form-control { border-color:var(--brand-line); border-radius:var(--brand-control-radius); }
body.auth-page .auth-form-panel h1 { font-family:var(--brand-heading-font); font-size:34px; font-weight:400; letter-spacing:0; }
body.auth-page .auth-form-panel :is(.btn-signin,.btn-primary,.signin-btn,.signup-btn,.auth-submit) { background:var(--brand-primary); border-color:var(--brand-primary); color:white; border-radius:var(--brand-control-radius); box-shadow:none; }
body.auth-page .auth-form-panel :is(.btn-signin,.btn-primary,.signin-btn,.signup-btn,.auth-submit):hover { background:var(--brand-primary-hover); }
/* Website controls use these same primitives at marketing-page scale. */
.header .nav-actions .btn,.btn-dark,.featured .price-btn { background:var(--brand-primary); border-color:var(--brand-primary); border-radius:var(--brand-control-radius); color:white; }
.header .nav-actions .btn:hover,.btn-dark:hover,.featured .price-btn:hover { background:var(--brand-primary-hover); border-color:var(--brand-primary-hover); }
@media(max-width:650px){body:is(.workspace-page,.writing-app) :is(.btn-primary,.primary-btn,.btn-secondary,.secondary-btn){font-size:13px;}}

body.workspace-page.dashboard-page .dashboard-start .btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);border-radius:var(--brand-control-radius);}
body.workspace-page.dashboard-page .dashboard-start .btn-primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);}
body.workspace-page.dashboard-page .dashboard-start .dashboard-eyebrow{color:var(--brand-primary);background:var(--brand-lavender);border-color:var(--brand-lavender-line);}
body.workspace-page.dashboard-page .dashboard-launch:nth-child(2) .dashboard-launch-icon{background:var(--brand-paper);color:var(--brand-primary);}
body.workspace-page.dashboard-page .dashboard-start-art .dashboard-art-spark{background:var(--brand-mint);color:var(--brand-green);border-color:var(--brand-mint-line);}
body.workspace-page.documents-page .documents-library-heading .documents-library-count{background:var(--brand-mint);color:var(--brand-green);border-color:var(--brand-mint-line);border-radius:var(--brand-control-radius);}
body.auth-page .auth-nav .brand-logo-image{width:200px;}body.workspace-page .sidebar-logo .brand-logo-image{max-width:200px;}
@media(max-width:620px){body.auth-page .auth-nav .brand-logo-image{width:148px;}}