/* Digital Corona research palettes.
 *
 * Brand Studio adds data-dc-palette to a research project's <html> element and
 * links this file after the project's own stylesheet.  The canonical palette
 * names stay deliberately small: each is a different emphasis within the
 * Digital Corona purple / violet / blue / cyan identity, with amber reserved
 * for warnings and open questions.
 *
 * The aliases cover the token names already used by research projects in
 * propaganda/1984. New projects can use either the --dc-research-* tokens or
 * the compatible aliases below.
 */
@import url("sf-pro.css");

html[data-dc-palette="golden-gate"] {
  --dc-research-bg: #081018;
  --dc-research-surface: #101923;
  --dc-research-surface-2: #17222e;
  --dc-research-text: #f5f5f7;
  --dc-research-muted: #b7c0ca;
  --dc-research-dim: #8794a1;
  --dc-research-primary: #a855f7;
  --dc-research-secondary: #7c6cf6;
  --dc-research-link: #64d2ff;
  --dc-research-warn: #ffd60a;
  --dc-research-warn-dark: #b45309;
  --dc-archive-ink: #101820;
  --dc-archive-paper: #f5f5f7;
  --dc-archive-paper-2: #e8edf2;
  --dc-archive-white: #ffffff;
  --dc-archive-muted: #5f6670;
  --dc-archive-dim: #747b84;
  --dc-archive-accent: #7e22ce;
  --dc-archive-accent-bright: #c084fc;
}

html[data-dc-palette="corona"] {
  --dc-research-bg: #04040a;
  --dc-research-surface: #0a0a14;
  --dc-research-surface-2: #0d0e1c;
  --dc-research-text: #eef0fb;
  --dc-research-muted: #a8abc4;
  --dc-research-dim: #747895;
  --dc-research-primary: #a855f7;
  --dc-research-secondary: #7c6cf6;
  --dc-research-link: #22d3ee;
  --dc-research-warn: #fb923c;
  --dc-research-warn-dark: #c2410c;
  --dc-archive-ink: #130d1b;
  --dc-archive-paper: #f8f5ff;
  --dc-archive-paper-2: #ece7f5;
  --dc-archive-white: #ffffff;
  --dc-archive-muted: #625a6e;
  --dc-archive-dim: #7a7088;
  --dc-archive-accent: #7e22ce;
  --dc-archive-accent-bright: #c084fc;
}

html[data-dc-palette="signal"] {
  --dc-research-bg: #030711;
  --dc-research-surface: #07111e;
  --dc-research-surface-2: #0a1727;
  --dc-research-text: #eef8ff;
  --dc-research-muted: #a5b9cc;
  --dc-research-dim: #6f879f;
  --dc-research-primary: #22d3ee;
  --dc-research-secondary: #3b82f6;
  --dc-research-link: #a78bfa;
  --dc-research-warn: #fb923c;
  --dc-research-warn-dark: #c2410c;
  --dc-archive-ink: #071723;
  --dc-archive-paper: #f2f9fc;
  --dc-archive-paper-2: #e4f0f6;
  --dc-archive-white: #ffffff;
  --dc-archive-muted: #536875;
  --dc-archive-dim: #6a7f8b;
  --dc-archive-accent: #0369a1;
  --dc-archive-accent-bright: #38bdf8;
}

html[data-dc-palette="ultraviolet"] {
  --dc-research-bg: #08030f;
  --dc-research-surface: #12081d;
  --dc-research-surface-2: #190d29;
  --dc-research-text: #f8f1ff;
  --dc-research-muted: #c2acd3;
  --dc-research-dim: #89729d;
  --dc-research-primary: #c026d3;
  --dc-research-secondary: #8b5cf6;
  --dc-research-link: #67e8f9;
  --dc-research-warn: #fb923c;
  --dc-research-warn-dark: #c2410c;
  --dc-archive-ink: #190d20;
  --dc-archive-paper: #fbf5ff;
  --dc-archive-paper-2: #f0e5f5;
  --dc-archive-white: #ffffff;
  --dc-archive-muted: #6c586f;
  --dc-archive-dim: #866d89;
  --dc-archive-accent: #a21caf;
  --dc-archive-accent-bright: #e879f9;
}

html[data-dc-palette] {
  color-scheme: dark;
  --muted: var(--dc-research-muted) !important;
  --dim: var(--dc-research-dim) !important;
  --line: color-mix(in srgb, var(--dc-research-text) 11%, transparent) !important;
  --line-strong: color-mix(in srgb, var(--dc-research-text) 21%, transparent) !important;
}

/* Flock Systems Archive aliases. */
html[data-dc-theme-kind="archive"] {
  color-scheme: light;
  --ink: var(--dc-archive-ink) !important;
  --paper: var(--dc-archive-paper) !important;
  --paper-2: var(--dc-archive-paper-2) !important;
  --white: var(--dc-archive-white) !important;
  --red: var(--dc-archive-accent) !important;
  --red-bright: var(--dc-archive-accent-bright) !important;
  --red-dark: var(--dc-research-secondary) !important;
  --cyan: var(--dc-research-link) !important;
  --amber: var(--dc-research-warn) !important;
  --amber-dark: var(--dc-research-warn-dark) !important;
  --muted: var(--dc-archive-muted) !important;
  --dim: var(--dc-archive-dim) !important;
  --line: color-mix(in srgb, var(--dc-archive-ink) 16%, transparent) !important;
  --line-strong: color-mix(in srgb, var(--dc-archive-ink) 30%, transparent) !important;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif !important;
  --mono: "SFMono-Regular", "SF Mono", ui-monospace, monospace !important;
}

/* "The Node, Skinned" and future poster-style research aliases. */
html[data-dc-theme-kind="poster"] {
  --bg: var(--dc-research-bg) !important;
  --bg2: var(--dc-research-surface) !important;
  --panel: var(--dc-research-surface) !important;
  --panel-2: var(--dc-research-surface-2) !important;
  --ink: var(--dc-research-text) !important;
  --ink-soft: var(--dc-research-muted) !important;
  --accent: var(--dc-research-primary) !important;
  --accent-ink: var(--dc-research-primary) !important;
  --accent2: var(--dc-research-secondary) !important;
  --warn: var(--dc-research-warn) !important;
  --ok: var(--dc-research-link) !important;
  --on-accent: var(--dc-research-bg) !important;
  --on-accent2: var(--dc-research-text) !important;
  --on-warn: var(--dc-research-bg) !important;
  --on-ok: var(--dc-research-bg) !important;
  --lenscore: var(--dc-research-bg) !important;
}

/* A useful baseline for a newly dropped project even when it has not adopted
 * the token aliases yet. Project-specific component styles remain in control. */
html[data-dc-palette] body {
  background-color: var(--dc-research-bg);
  color: var(--dc-research-text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display Web", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
}

html[data-dc-theme-kind="archive"] body {
  background-color: var(--paper);
  color: var(--ink);
}

html[data-dc-palette] a { text-decoration-color: var(--dc-research-link); }
html[data-dc-palette] :focus-visible { outline-color: var(--dc-research-primary); }