/* Presentation only: no layout, ordering, visibility or interaction overrides. */
@font-face{font-family:"Caveat";src:url('/assets/fonts/Caveat-Variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"PT Sans";src:url('/assets/fonts/PTSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"PT Sans";src:url('/assets/fonts/PTSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{
  --bg-base:#faf8f2;--surface:#fffefa;--paper:#efe8db;
  --text-primary:#172f4e;--text-muted:#65717d;--border-soft:#e6e4dc;
  --accent-green:#dcebdd;--accent-green-pressed:#ccdfcd;
  --accent-pink:#ed998d;--accent-yellow:#f4c65e;--accent-blue:#dcecff;
  --shadow-paper:0 5px 22px rgba(80,60,30,.045);
  --font-display:Georgia,"Times New Roman",serif;
  --font-ui:"PT Sans",Arial,sans-serif;--font-body:"PT Sans",Arial,sans-serif;
  color:#172f4e;background-color:#faf8f2;
}
body,body.home-page{background-color:#faf8f2;color:#172f4e;font-family:var(--font-body)}
body.home-page{--page-background:none;--font-display:Georgia,"Times New Roman",serif}
body.home-page::before{background-image:none}
body h1,body h2{font-family:var(--font-display);color:#172f4e}
body .brand-lockup,body .brand{font-family:"Caveat",cursive;color:#155648}
body .brand-mark,body .brand-crown{color:#efb449}
body.home-page .nav-item{font-family:var(--font-body);color:#243c53}
body.home-page .nav-item[aria-current="page"]{color:#176149;background-color:#e8f2e6}
body.home-page .paper-surface,body .card,body .share-card{
  background-color:#fffefa;border-color:#e9e5dd;box-shadow:var(--shadow-paper);
}
body.home-page :is(.library-card,.video-step,.story-paper,.story-reader,.story-create-panel,.story-mini-player,.craft-section,.craft-detail-card){
  background-color:#fffefa;border-color:#e9e5dd;box-shadow:var(--shadow-paper);
}
body.home-page :is(button,.ui-button,.nav-item,input,select,textarea){font-family:var(--font-body)}
body.home-page :is(.ui-button-primary,.create-video-button),body :is(.primary,.cta){
  background-color:#cf624e;border-color:#c95e4c;color:#fff;box-shadow:0 4px 12px #a9503820;
}
body.home-page :is(.ui-button-primary,.create-video-button):hover,body :is(.primary,.cta):hover{background-color:#bc5342;border-color:#b64c3d}
body.home-page .ui-button-secondary{background-color:#fffefa;border-color:#e1dfd6;color:#244d49}
body.home-page #create-hero{background-color:#cf624e;border-color:#c95e4c;color:#fff}
body.home-page #create-hero:hover{background-color:#bc5342}
body.home-page :is(input,textarea,select){color:#223b50;border-color:#dcded7;background-color:#fffefa}
body.home-page :is(.album-filter-row,.album-categories button,.album-view-options button){border-color:#e9e5dd;background-color:#fffefa}
body.home-page :is(.album-categories button,.album-view-options button)[aria-pressed="true"]{background-color:#e4f0e3;color:#195b45;border-color:#a8c8af}
body.home-page .album-filter-button{background-color:#e8f2e6;color:#285749}
body.home-page .album-sort-filter select{background-color:#eef5fc}
body.home-page .album-year-title{font-family:var(--font-display)}
body.home-page .library-card{border-color:#e9e5dd;background-color:#fffefa;box-shadow:var(--shadow-paper)}
body.home-page .library-card h2{font-family:var(--font-body);color:#172f4e}
body.home-page :is(.hero-option,.scene-option){border-color:#e4e5df;background-color:#fffefa}
body.home-page :is(.hero-option,.scene-option)[aria-pressed="true"]{border-color:#64977c;background-color:#eaf3e7}
body.home-page :is(.video-create-bar,.story-mini-player){background-color:#fffefa;border-color:#e9e5dd}
body.home-page .story-content{color:#293e4b}
body.home-page :is(.video-topbar-note,.story-eyebrow){font-family:"Caveat",cursive}
body.home-page :is(.upload-purpose label:has(input:checked),.restore-action){background-color:#eaf3e7;border-color:#a7c4ad;color:#214f41}
body :is(.share-card,.hero-card,dialog){border-color:#e4e1d8;box-shadow:var(--shadow-paper);background-color:#fffefa;color:#172f4e}
body :is(button,a,input,textarea,select):focus-visible{outline-color:#227563}
/* The aquarium water, drawing canvas, fish and controls keep their geometry. */
body:has(.aquarium){--ink:#172f4e;--muted:#65717d;--mint:#dcebdd;--line:#e6e4dc;--paper:#faf8f2;--teal:#256956}
body:has(.aquarium) .header{background-color:#fffefa;border-color:#e6e4dc}
body:has(.aquarium) .brand-mark{background-color:#e5f1e2}
body:has(.aquarium) .button.primary{background-color:#cf624e;color:#fff}
@media(min-width:1024px){
  body.home-page :is(.app-header,.app-navigation){border-color:#e9e5dd}
  body:is(.story-page,.video-page,.hero-page) .app-header{background-color:#fffefa}
}