/* Accio tokens. Generated by @accio/kit from data/tokens.json. Edit that file and run `pnpm tokens`; never edit this one. */
/* Placeholders, awaiting the owner's sign-off: space, type.scale, type.roles, motion. */
/* type.rule: Human-written text is proportional, machine-written text is mono (Geist Mono). Averia Serif Libre sets the headlines (roles with family "display": hero and display), at -0.11em, used unmodified under its own name. Accio Sans sets everything else: the wordmark, subheadings, body, captions and labels. Accio Sans sets text at wdth 105 and the wordmark at wdth 100, its only two widths. No italic: emphasis is weight. Sizes sit on the 4px grid. Geist Mono runs large beside the sans, so mono is set at monoRatio of the size it sits with. */
/* motion.reducedMotion: respect */
/* texture.paper: The sheet itself: parchment tooth and a faint laid line. */
/* texture.pigment: Dry pigment on paper: fibrous grain, soft mottling, light flecks, a ragged edge. */
/* texture.alloy: Blackened zinc alloy, oiled and matte: a fine even grain. */
/* texture.cloth: Handspun khadi: the weave in one direction, with slubs. */

:root {
  /* primary — The brand: black, white, parchment and the signature. Nine pixels in ten are one of these. */
  --colour-oxide: #131210;
  --colour-white: #FFFFFF;
  --colour-khadi: #F0EBE7;
  --colour-madder: #512026;
  
/* secondary — The materials, and the one signal: inlay, thread, and the alert. */
  --colour-silver: #E5E2DD;
  --colour-brass: #A87C68;
  --colour-indigo: #263039;
  --colour-rust: #722712;
  
/* tertiary — The image world: imagery and illustration. Never UI, never a ground. */
  --colour-oxblood: #461311;
  --colour-ochre: #8A5F2F;
  --colour-verdigris: #383625;
  --colour-stone: #937F6E;
  
/* tint — Derived UI tone: panels and the line. Not a colour of its own. */
  --colour-ash: #272623;
  --colour-khadi-deep: #E1DCD8;
  --colour-chromium: #C6C1B7;
  --colour-graphite: #131210;
  --space-0: 0px; /* placeholder */
  --space-1: 4px; /* placeholder */
  --space-2: 8px; /* placeholder */
  --space-3: 12px; /* placeholder */
  --space-4: 16px; /* placeholder */
  --space-6: 24px; /* placeholder */
  --space-8: 32px; /* placeholder */
  --space-12: 48px; /* placeholder */
  --space-16: 64px; /* placeholder */
  --space-24: 96px; /* placeholder */
  --type-sans-family: "Accio Sans";
  --type-sans-fallback: system-ui, sans-serif;
  --type-sans-axes-wdth: 105;
  --type-sans-axes-wght: 200 900;
  --type-display-family: "Averia Serif Libre";
  --type-display-fallback: Georgia, serif;
  --type-display-weights: 300 400 700;
  --type-mono-family: "Geist Mono";
  --type-mono-fallback: ui-monospace, monospace;
  --type-wordmark-wght: 380;
  --type-wordmark-wdth: 100;
  --type-wordmark-tracking: -0.01em;
  --type-wordmark-case: uppercase;
  --type-scale-micro: 11px; /* placeholder */
  --type-scale-caption: 12px; /* placeholder */
  --type-scale-label: 12px; /* placeholder */
  --type-scale-body: 16px; /* placeholder */
  --type-scale-lead: 20px; /* placeholder */
  --type-scale-title: 24px; /* placeholder */
  --type-scale-section: 32px; /* placeholder */
  --type-scale-display: 44px; /* placeholder */
  --type-scale-hero: 64px; /* placeholder */
  --type-roles-wordmark-size: hero; /* placeholder */
  --type-roles-wordmark-wght: 380; /* placeholder */
  --type-roles-wordmark-tracking: -0.01em; /* placeholder */
  --type-roles-wordmark-leading: 1.05; /* placeholder */
  --type-roles-wordmark-case: uppercase; /* placeholder */
  --type-roles-wordmark-wdth: 100; /* placeholder */
  --type-roles-hero-size: hero; /* placeholder */
  --type-roles-hero-wght: 400; /* placeholder */
  --type-roles-hero-tracking: -0.11em; /* placeholder */
  --type-roles-hero-leading: 1.05; /* placeholder */
  --type-roles-hero-family: display; /* placeholder */
  --type-roles-display-size: display; /* placeholder */
  --type-roles-display-wght: 400; /* placeholder */
  --type-roles-display-tracking: -0.11em; /* placeholder */
  --type-roles-display-leading: 1.1; /* placeholder */
  --type-roles-display-family: display; /* placeholder */
  --type-roles-section-size: section; /* placeholder */
  --type-roles-section-wght: 400; /* placeholder */
  --type-roles-section-tracking: -0.01em; /* placeholder */
  --type-roles-section-leading: 1.2; /* placeholder */
  --type-roles-title-size: title; /* placeholder */
  --type-roles-title-wght: 300; /* placeholder */
  --type-roles-title-tracking: -0.005em; /* placeholder */
  --type-roles-title-leading: 1.25; /* placeholder */
  --type-roles-lead-size: lead; /* placeholder */
  --type-roles-lead-wght: 350; /* placeholder */
  --type-roles-lead-tracking: 0.025em; /* placeholder */
  --type-roles-lead-leading: 1.45; /* placeholder */
  --type-roles-body-size: body; /* placeholder */
  --type-roles-body-wght: 350; /* placeholder */
  --type-roles-body-tracking: 0.025em; /* placeholder */
  --type-roles-body-leading: 1.55; /* placeholder */
  --type-roles-caption-size: caption; /* placeholder */
  --type-roles-caption-wght: 450; /* placeholder */
  --type-roles-caption-tracking: 0.03em; /* placeholder */
  --type-roles-caption-leading: 1.45; /* placeholder */
  --type-roles-label-size: label; /* placeholder */
  --type-roles-label-wght: 480; /* placeholder */
  --type-roles-label-tracking: 0.05em; /* placeholder */
  --type-roles-label-leading: 1.35; /* placeholder */
  --type-roles-label-case: uppercase; /* placeholder */
  --type-roles-machine-size: caption; /* placeholder */
  --type-roles-machine-wght: 400; /* placeholder */
  --type-roles-machine-tracking: 0; /* placeholder */
  --type-roles-machine-leading: 1.45; /* placeholder */
  --type-roles-machine-family: mono; /* placeholder */
  --type-roles-micro-size: micro; /* placeholder */
  --type-roles-micro-wght: 400; /* placeholder */
  --type-roles-micro-tracking: 0.01em; /* placeholder */
  --type-roles-micro-leading: 1.4; /* placeholder */
  --type-roles-micro-family: mono; /* placeholder */
  --type-mono-ratio: 0.885;
  --type-emphasis: weight;
  --motion-duration-fast: 120ms; /* placeholder */
  --motion-duration-base: 200ms; /* placeholder */
  --motion-duration-slow: 320ms; /* placeholder */
  --motion-easing-out: cubic-bezier(0.2, 0, 0, 1); /* placeholder */
  --motion-easing-in-out: cubic-bezier(0.4, 0, 0.2, 1); /* placeholder */
  --texture-paper-seed: accio·paper;
  --texture-paper-grain-frequency: 0.7;
  --texture-paper-grain-octaves: 2;
  --texture-paper-grain-amplitude: 0.09;
  --texture-paper-mottle-frequency: 0.006 0.05;
  --texture-paper-mottle-octaves: 2;
  --texture-paper-mottle-amplitude: 0.05;
  --texture-paper-fleck-frequency: 0;
  --texture-paper-fleck-octaves: 1;
  --texture-paper-fleck-amplitude: 0;
  --texture-paper-fleck-threshold: 0.5;
  --texture-paper-edge-drift: 0;
  --texture-paper-edge-fray: 0;
  --texture-paper-tile: 512;
  --texture-pigment-seed: accio·pigment;
  --texture-pigment-grain-frequency: 0.45 0.3;
  --texture-pigment-grain-octaves: 3;
  --texture-pigment-grain-amplitude: 0.34;
  --texture-pigment-mottle-frequency: 0.028;
  --texture-pigment-mottle-octaves: 3;
  --texture-pigment-mottle-amplitude: 0.2;
  --texture-pigment-fleck-frequency: 0.45;
  --texture-pigment-fleck-octaves: 2;
  --texture-pigment-fleck-amplitude: 0.16;
  --texture-pigment-fleck-threshold: 0.38;
  --texture-pigment-edge-drift: 5;
  --texture-pigment-edge-fray: 3.5;
  --texture-pigment-tile: 512;
  --texture-alloy-seed: accio·alloy;
  --texture-alloy-grain-frequency: 0.85;
  --texture-alloy-grain-octaves: 2;
  --texture-alloy-grain-amplitude: 0.1;
  --texture-alloy-mottle-frequency: 0.02;
  --texture-alloy-mottle-octaves: 2;
  --texture-alloy-mottle-amplitude: 0.07;
  --texture-alloy-fleck-frequency: 0;
  --texture-alloy-fleck-octaves: 1;
  --texture-alloy-fleck-amplitude: 0;
  --texture-alloy-fleck-threshold: 0.5;
  --texture-alloy-edge-drift: 0;
  --texture-alloy-edge-fray: 0;
  --texture-alloy-tile: 512;
  --texture-cloth-seed: accio·cloth;
  --texture-cloth-grain-frequency: 1.1 0.06;
  --texture-cloth-grain-octaves: 1;
  --texture-cloth-grain-amplitude: 0.1;
  --texture-cloth-mottle-frequency: 0.06 1.1;
  --texture-cloth-mottle-octaves: 1;
  --texture-cloth-mottle-amplitude: 0.1;
  --texture-cloth-fleck-frequency: 0.9;
  --texture-cloth-fleck-octaves: 1;
  --texture-cloth-fleck-amplitude: 0.07;
  --texture-cloth-fleck-threshold: 0.55;
  --texture-cloth-edge-drift: 0;
  --texture-cloth-edge-fray: 0;
  --texture-cloth-tile: 512;
}

/* Light: parchment cloth. Thread, upcoming. */
:root,
[data-theme="light"] {
  color-scheme: light;
  --ground: var(--colour-khadi);
  --panel: var(--colour-khadi-deep);
  --ink: var(--colour-graphite);
  --line: var(--colour-indigo);
  --accent: var(--colour-madder);
  --focus: var(--colour-indigo);
  --alert: var(--colour-rust);
}

/* Dark: blackened alloy, inspired by Bidri. Metal, past. Its own palette, not an inversion. */
[data-theme="dark"] {
  color-scheme: dark;
  --ground: var(--colour-oxide);
  --panel: var(--colour-ash);
  --ink: var(--colour-silver);
  --line: var(--colour-chromium);
  --accent: var(--colour-brass);
  --focus: var(--colour-silver);
  --alert: var(--colour-silver);
}