/* ==========================================================================
   Archidy Picado Foundation — design tokens
   THE RULE: no other stylesheet may introduce a raw color, font, size, or
   spacing value. Everything visual is named here, once.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Allison&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  /* -------- color: the archival palette -------- */
  --paper:        #f1ecdf;   /* cream paper — page background            */
  --paper-deep:   #e6e0d0;   /* darker paper — panels, cards             */
  --ink:          #27282a;   /* near-black ink — body text               */
  --ink-soft:     #55524a;   /* faded ink — secondary text               */
  --ink-faint:    #8d887b;   /* pencil — hints, metadata labels          */
  --accent:       #8b3126;   /* deep red — headings, emphasis            */
  --accent-ink:   #6e2118;   /* red pressed into paper — hover           */
  --link:         #4c6d86;   /* slate blue — links, wayfinding           */
  --line:         #c9c2b0;   /* hairlines on paper                       */
  --dark:         #27282a;   /* chalkboard — cover, footers              */
  --dark-paper:   #38393c;   /* lifted dark panel                        */
  --on-dark:      #f1ecdf;   /* text on dark surfaces                    */
  --on-dark-soft: #b5b1a6;

  /* -------- typography -------- */
  --font-serif:  "Old Standard TT", "Times New Roman", serif;  /* everything   */
  --font-script: "Allison", cursive;                            /* signature accents */

  /* modular scale, mobile-first (rem) */
  --text-xs:  0.8rem;
  --text-sm:  0.95rem;
  --text-md:  1.1rem;     /* base reading size */
  --text-lg:  1.35rem;
  --text-xl:  1.7rem;
  --text-2xl: 2.2rem;
  --text-3xl: 2.9rem;
  --leading-body: 1.65;
  --leading-tight: 1.15;
  --tracking-caps: 0.08em;

  /* -------- spacing scale -------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.25rem;
  --space-7: 3.5rem;
  --space-8: 5rem;

  /* -------- layout -------- */
  --measure:      38rem;    /* max line length for reading text  */
  --content-max:  72rem;    /* page container                    */
  --content-wide: 88rem;    /* admin container (desktop-first workspace) */
  --gutter:       var(--space-4);

  /* -------- surface details -------- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-card:  0 1px 3px rgba(39, 40, 42, 0.12), 0 4px 14px rgba(39, 40, 42, 0.08);
  --shadow-photo: 0 2px 6px rgba(39, 40, 42, 0.25);
  --scrim:        rgba(39, 40, 42, 0.93);   /* lightbox / overlay backdrop */
  --tex-paper: url('/assets/img/bg/cream-paper.png');
  --tex-dark:  url('/assets/img/bg/black-paper.png');

  /* -------- motion -------- */
  --ease: cubic-bezier(0.25, 0.6, 0.3, 1);
  --dur-fast: 140ms;
  --dur-slow: 320ms;
}

@media (min-width: 48em) {
  :root {
    --gutter: var(--space-6);
    --text-2xl: 2.6rem;
    --text-3xl: 3.6rem;
  }
}