/* Nodepad Paper app-shell adapter. Amber orients; near-black performs actions. */
[data-interface-system="nodepad"] {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #faf9f7; --kk-wash: #faf9f7; --kk-paper: #ffffff; --kk-card: #ffffff;
  --kk-fill: #f3f1ed; --kk-fill-soft: #f8f6f2; --kk-line: #efede8; --kk-border: #e9e6e0;
  --kk-ink: #0e0d0b; --kk-text: #55504a; --kk-text-soft: #68615a;
  --kk-muted: #8c8578; --kk-muted-soft: #9d968b; --kk-faint: #b5aea3;
  --kk-primary: #0e0d0b; --kk-on-primary: #ffffff;
  --kk-secondary: #e8901a; --kk-secondary-hover: #c9760d;
  --kk-secondary-soft: #fdf3d2; --kk-on-secondary: #0e0d0b;
  --kk-orientation: #e8901a; --kk-orientation-hover: #c9760d;
  --kk-accent-text: #875006; --kk-accent-fill: #0e0d0b; --kk-on-accent: #ffffff;
  --kk-decision: #4267a9; --kk-blocker: #b84b42; --kk-question: #7653a6;
  --kk-idea: #b06a0b; --kk-outcome: #3a6f57; --kk-parked: #756f67;
  --kk-on-decision: #ffffff; --kk-on-blocker: #ffffff; --kk-on-question: #ffffff;
  --kk-on-idea: #0b0d0f; --kk-on-outcome: #ffffff; --kk-on-link: #ffffff;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #756f67; --kk-link: #875006; --kk-public: #3a6f57;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-shadow-sm: 0 1px 2px rgba(14, 13, 11, .05);
  --kk-shadow-md: 0 8px 24px rgba(14, 13, 11, .08);
  --kk-shadow-lg: 0 24px 64px rgba(14, 13, 11, .12);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

[data-interface-system="nodepad"][data-theme="dark"] {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #151412; --kk-wash: #151412; --kk-paper: #1b1a17; --kk-card: #211f1b;
  --kk-fill: #2a2722; --kk-fill-soft: #25231f; --kk-line: #332f29; --kk-border: #403b33;
  --kk-ink: #faf9f7; --kk-text: #e2ded7; --kk-text-soft: #c6c0b6;
  --kk-muted: #9d968b; --kk-muted-soft: #8c8578; --kk-faint: #746e65;
  --kk-primary: #faf9f7; --kk-on-primary: #151412;
  --kk-secondary: #f2a43c; --kk-secondary-hover: #ffba59;
  --kk-secondary-soft: #3b2c17; --kk-on-secondary: #151412;
  --kk-orientation: #f2a43c; --kk-orientation-hover: #ffba59;
  --kk-accent-text: #f2b45f; --kk-accent-fill: #faf9f7; --kk-on-accent: #151412;
  --kk-decision: #86a7dc; --kk-blocker: #e8877f; --kk-question: #b59ad6;
  --kk-idea: #f2b45f; --kk-outcome: #83baa1; --kk-parked: #9d968b;
  --kk-on-decision: #15161a; --kk-on-blocker: #15161a; --kk-on-question: #15161a;
  --kk-on-idea: #15161a; --kk-on-outcome: #15161a; --kk-on-link: #15161a;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #c6c0b6; --kk-link: #f2b45f; --kk-public: #83baa1;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);
  --kk-shadow-md: 0 8px 24px rgba(0, 0, 0, .32);
  --kk-shadow-lg: 0 24px 64px rgba(0, 0, 0, .48);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

/* CONTENT scope — a page body that selected this system keeps it under any
   chrome, and vice versa. Mirrors the chrome block above; the two must declare
   the same roles, which design_system_adapter_test asserts. Kept as separate
   rules deliberately: DesignSystemRegistry#adapter_block matches the chrome
   selector verbatim, so folding these into one selector list makes the whole
   system ineligible and it vanishes from Settings. */
[data-design-system="nodepad"] {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #faf9f7; --kk-wash: #faf9f7; --kk-paper: #ffffff; --kk-card: #ffffff;
  --kk-fill: #f3f1ed; --kk-fill-soft: #f8f6f2; --kk-line: #efede8; --kk-border: #e9e6e0;
  --kk-ink: #0e0d0b; --kk-text: #55504a; --kk-text-soft: #68615a;
  --kk-muted: #8c8578; --kk-muted-soft: #9d968b; --kk-faint: #b5aea3;
  --kk-primary: #0e0d0b; --kk-on-primary: #ffffff;
  --kk-secondary: #e8901a; --kk-secondary-hover: #c9760d;
  --kk-secondary-soft: #fdf3d2; --kk-on-secondary: #0e0d0b;
  --kk-orientation: #e8901a; --kk-orientation-hover: #c9760d;
  --kk-accent-text: #875006; --kk-accent-fill: #0e0d0b; --kk-on-accent: #ffffff;
  --kk-decision: #4267a9; --kk-blocker: #b84b42; --kk-question: #7653a6;
  --kk-idea: #b06a0b; --kk-outcome: #3a6f57; --kk-parked: #756f67;
  --kk-on-decision: #ffffff; --kk-on-blocker: #ffffff; --kk-on-question: #ffffff;
  --kk-on-idea: #0b0d0f; --kk-on-outcome: #ffffff; --kk-on-link: #ffffff;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #756f67; --kk-link: #875006; --kk-public: #3a6f57;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-shadow-sm: 0 1px 2px rgba(14, 13, 11, .05);
  --kk-shadow-md: 0 8px 24px rgba(14, 13, 11, .08);
  --kk-shadow-lg: 0 24px 64px rgba(14, 13, 11, .12);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

[data-theme="dark"] [data-design-system="nodepad"] {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #151412; --kk-wash: #151412; --kk-paper: #1b1a17; --kk-card: #211f1b;
  --kk-fill: #2a2722; --kk-fill-soft: #25231f; --kk-line: #332f29; --kk-border: #403b33;
  --kk-ink: #faf9f7; --kk-text: #e2ded7; --kk-text-soft: #c6c0b6;
  --kk-muted: #9d968b; --kk-muted-soft: #8c8578; --kk-faint: #746e65;
  --kk-primary: #faf9f7; --kk-on-primary: #151412;
  --kk-secondary: #f2a43c; --kk-secondary-hover: #ffba59;
  --kk-secondary-soft: #3b2c17; --kk-on-secondary: #151412;
  --kk-orientation: #f2a43c; --kk-orientation-hover: #ffba59;
  --kk-accent-text: #f2b45f; --kk-accent-fill: #faf9f7; --kk-on-accent: #151412;
  --kk-decision: #86a7dc; --kk-blocker: #e8877f; --kk-question: #b59ad6;
  --kk-idea: #f2b45f; --kk-outcome: #83baa1; --kk-parked: #9d968b;
  --kk-on-decision: #15161a; --kk-on-blocker: #15161a; --kk-on-question: #15161a;
  --kk-on-idea: #15161a; --kk-on-outcome: #15161a; --kk-on-link: #15161a;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #c6c0b6; --kk-link: #f2b45f; --kk-public: #83baa1;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);
  --kk-shadow-md: 0 8px 24px rgba(0, 0, 0, .32);
  --kk-shadow-lg: 0 24px 64px rgba(0, 0, 0, .48);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

/* Follow the OS when no theme is pinned — the same contract tokens.css gives
   kuickr-v2. Without this, nodepad chrome stayed light on a dark OS while
   kuickr-v2 CONTENT inside it went dark: light page, dark-theme text
   (founder, 2026-08-15). */
@media (prefers-color-scheme: dark) {
  :root[data-interface-system="nodepad"]:not([data-theme="light"]) {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #151412; --kk-wash: #151412; --kk-paper: #1b1a17; --kk-card: #211f1b;
  --kk-fill: #2a2722; --kk-fill-soft: #25231f; --kk-line: #332f29; --kk-border: #403b33;
  --kk-ink: #faf9f7; --kk-text: #e2ded7; --kk-text-soft: #c6c0b6;
  --kk-muted: #9d968b; --kk-muted-soft: #8c8578; --kk-faint: #746e65;
  --kk-primary: #faf9f7; --kk-on-primary: #151412;
  --kk-secondary: #f2a43c; --kk-secondary-hover: #ffba59;
  --kk-secondary-soft: #3b2c17; --kk-on-secondary: #151412;
  --kk-orientation: #f2a43c; --kk-orientation-hover: #ffba59;
  --kk-accent-text: #f2b45f; --kk-accent-fill: #faf9f7; --kk-on-accent: #151412;
  --kk-decision: #86a7dc; --kk-blocker: #e8877f; --kk-question: #b59ad6;
  --kk-idea: #f2b45f; --kk-outcome: #83baa1; --kk-parked: #9d968b;
  --kk-on-decision: #15161a; --kk-on-blocker: #15161a; --kk-on-question: #15161a;
  --kk-on-idea: #15161a; --kk-on-outcome: #15161a; --kk-on-link: #15161a;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #c6c0b6; --kk-link: #f2b45f; --kk-public: #83baa1;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);
  --kk-shadow-md: 0 8px 24px rgba(0, 0, 0, .32);
  --kk-shadow-lg: 0 24px 64px rgba(0, 0, 0, .48);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

  :root[data-interface-system="nodepad"]:not([data-theme="light"]) [data-design-system="nodepad"] {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #151412; --kk-wash: #151412; --kk-paper: #1b1a17; --kk-card: #211f1b;
  --kk-fill: #2a2722; --kk-fill-soft: #25231f; --kk-line: #332f29; --kk-border: #403b33;
  --kk-ink: #faf9f7; --kk-text: #e2ded7; --kk-text-soft: #c6c0b6;
  --kk-muted: #9d968b; --kk-muted-soft: #8c8578; --kk-faint: #746e65;
  --kk-primary: #faf9f7; --kk-on-primary: #151412;
  --kk-secondary: #f2a43c; --kk-secondary-hover: #ffba59;
  --kk-secondary-soft: #3b2c17; --kk-on-secondary: #151412;
  --kk-orientation: #f2a43c; --kk-orientation-hover: #ffba59;
  --kk-accent-text: #f2b45f; --kk-accent-fill: #faf9f7; --kk-on-accent: #151412;
  --kk-decision: #86a7dc; --kk-blocker: #e8877f; --kk-question: #b59ad6;
  --kk-idea: #f2b45f; --kk-outcome: #83baa1; --kk-parked: #9d968b;
  --kk-on-decision: #15161a; --kk-on-blocker: #15161a; --kk-on-question: #15161a;
  --kk-on-idea: #15161a; --kk-on-outcome: #15161a; --kk-on-link: #15161a;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #c6c0b6; --kk-link: #f2b45f; --kk-public: #83baa1;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);
  --kk-shadow-md: 0 8px 24px rgba(0, 0, 0, .32);
  --kk-shadow-lg: 0 24px 64px rgba(0, 0, 0, .48);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}
}
