/*
Theme Name: Vellum — Surelo Studio
Theme URI: https://surelostudio.com/
Author: BOA Labs
Author URI: https://boalabs.io
Description: Per-site Vellum child theme for Surelo Studio, an independent animation studio. Dark, typography-led, reel-first. Sets fonts and palette; section layouts live in assets/css/surelo.css.
Template: vellum
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vellum-surelo
*/

/* Fonts: Inter Tight for display, Inter for reading, IBM Plex Mono for the
   small metadata labels. Loaded from Google Fonts in functions.php. */
:root {
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Palette: near-black ground, warm paper text, one gold taken from Træ's
   overalls for small marks only. */
:root {
  --color-bg:         #0c0c0b;
  --color-text:       #f3f0e8;
  --color-text-muted: rgba(243, 240, 232, .62);
  --color-line:       rgba(243, 240, 232, .14);
  --color-accent:     #f3c845;
  --color-accent-dim: rgba(243, 200, 69, .14);

  --page-bg:          var(--color-bg);
  --page-text:        var(--color-text);
  --page-text-muted:  var(--color-text-muted);
  --page-line:        var(--color-line);
  --page-accent:      var(--color-accent);
  --nav-scrolled-bg:  rgba(12, 12, 11, .82);

  --su-paper:  #f3f0e8;
  --su-ink:    #0c0c0b;
  --su-faint:  rgba(243, 240, 232, .42);
  --su-max:    1440px;

  --dur-curtain: .28s;
}

html, body { background: var(--color-bg); color: var(--color-text); }
::selection { background: var(--color-accent); color: var(--su-ink); }