/* Catalog chrome theme: archival-drafting
 * Mode: light
 * Source: original Style Tiles registry skin (Manila parchment / TILE-001 construction)
 * Do not edit this file to add a different theme — add a new pack instead.
 */
html[data-theme="archival-drafting"] {
  color-scheme: light;

  --surface-canvas:         #F4EFEA;
  --surface-sheet:          #FAF7F2;
  --surface-kraft:          #EAE2D8;
  --surface-dark:           #141312;
  --surface-hover:          #FFFFFF;

  --ink-primary:            #000000;
  --ink-secondary:          #3D3A37;
  --ink-muted:              #78726D;
  --ink-inverted:           #F4EFEA;
  --ink-on-bright:          #141312;
  --ink-on-hot:             #FFFFFF;
  --ink-code:               #D1CDCA;

  --accent-burnt-orange:    #FF6B4A;
  --accent-orange-hover:    #FF522B;
  --accent-mustard:         #FFD166;
  --accent-mustard-hover:   #FFC53D;

  --status-success:         #4D7C5D;
  --status-warning:         #FFD166;
  --status-danger:          #FF6B4A;
  --status-info:            #5B85AA;

  --font-display: "Fraunces", "Playfair Display", "Georgia", serif;
  --font-sans:    "Space Grotesk", "Inter", -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", "Courier Prime", monospace;

  --radius-sharp:   0px;
  --radius-tactile: 2px;
  --radius-stamp:   4px;
  --radius-pill:    9999px;

  --shadow-ink:        #000000;
  --shadow-none:       0px 0px 0px transparent;
  --shadow-sm:         2px 2px 0px var(--shadow-ink);
  --shadow-base:       4px 4px 0px var(--shadow-ink);
  --shadow-md:         6px 6px 0px var(--shadow-ink);
  --shadow-lg:         8px 8px 0px var(--shadow-ink);
  --shadow-accent-hot: 4px 4px 0px var(--accent-burnt-orange);
  --shadow-accent-war: 4px 4px 0px var(--accent-mustard);
  --shadow-modal:      12px 12px 0px var(--shadow-ink);
  --header-lip:        0 4px 0 rgba(0, 0, 0, 0.05);

  --border-ink:         #000000;
  --border-core:        3px solid var(--border-ink);
  --border-hairline:    1px solid var(--border-ink);
  --border-accent-hot:  3px solid var(--accent-burnt-orange);
  --border-accent-warm: 3px solid var(--accent-mustard);
  --divider-perforated: 2px dashed var(--border-ink);
  --divider-dotted:     2px dotted var(--border-ink);
  --focus-ring:         var(--border-ink);
  --grid-line:          rgba(0, 0, 0, 0.035);

  --badge-orange-bg:      #FFE6DF;
  --badge-orange-ink:     #C03918;
  --badge-mustard-bg:     #FFF6DF;
  --badge-mustard-border: #D9A424;
  --badge-mustard-ink:    #7A5805;
  --badge-success-bg:     #E2EFE7;
  --badge-success-border: #4D7C5D;
  --badge-success-ink:    #2D583B;
  --chip-count-well:      rgba(0, 0, 0, 0.10);
  --chip-count-active:    rgba(255, 255, 255, 0.25);
  --show-more-count-bg:   rgba(0, 0, 0, 0.16);
  --btn-dark-hover:       #262422;
  --view-btn-active-hover:#1F1E1D;

  --skeleton-board:       #E2DBD2;
  --skeleton-grid:        #DDD6CC;
  --skeleton-hatch:       rgba(0, 0, 0, 0.03);
  --skeleton-ink:         rgba(0, 0, 0, 0.35);
  --skeleton-nav:         #C8C0B4;
  --skeleton-nav-left:    #A8A094;
  --skeleton-dot:         #B5ADA0;
  --skeleton-h1:          #B2A89C;
  --skeleton-p:           #C5BCB0;
  --skeleton-btn:         #9C9286;
  --skeleton-art:         #C4BBB0;
  --skeleton-art-ink:     rgba(0, 0, 0, 0.4);
  --skeleton-cell:        #CCC4B8;
  --skeleton-line:        rgba(0, 0, 0, 0.15);
  --skeleton-dash:        rgba(0, 0, 0, 0.25);
  --skeleton-btn-border:  rgba(0, 0, 0, 0.3);
}