/* ============================================================================
 * Kuickr APP look — homepage-derived (kuickr-app, version f06224b4)
 * ----------------------------------------------------------------------------
 * The kuickr.co app profile (spec 35 D-35-1; founder Q2, 2026-10-17). Values
 * are workbench 12/08 look 5, taken from the V6 homepage: Instrument Sans UI,
 * Bricolage Grotesque display used sparingly, graphite ink on bone, terracotta
 * as accent text, lime / violet / amber / sky as stamp roles.
 *
 * This file IS the app adapter: app/assets/stylesheets/design_systems/
 * kuickr_app_shell.css is a byte mirror, contract-tested, so the shell cannot
 * drift from the registry. Pages keep kuickr-v2 (Winter); a Kuickr Page shown
 * in this chrome is scoped back with data-design-system="kuickr-v2".
 *
 * Dashboard doors, hero and highlight are 12/08 "Dashboard (full)" (founder,
 * 2026-10-18). In dark the doors keep their hue at low lightness so
 * --kk-blk-ink stays legible on them.
 *
 * Contract: every role in DesignSystemRegistry::KUICKR_APP_REQUIRED_ROLES, in
 * light and dark, plus the six type steps restated for phones. A look may
 * change values; it may not add or drop roles or steps.
 * ========================================================================== */

[data-interface-system="kuickr.co"] {
  --kk-font-display: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;
  --kk-font-ui: "Instrument Sans", system-ui, sans-serif;
  --kk-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #faf8f5; --kk-wash: #f1eee8; --kk-paper: #ffffff; --kk-card: #ffffff;
  --kk-bar: rgba(250, 248, 245, .92);
  --kk-fill: #f1eee8; --kk-fill-soft: #f6f3ee;
  --kk-line: rgba(17, 18, 20, .12); --kk-border: rgba(17, 18, 20, .24);
  --kk-ink: #111214; --kk-text: #3b3b3d; --kk-text-soft: #4a4744;
  --kk-muted: #5c5550; --kk-muted-soft: #77706a; --kk-faint: #a39c95;
  --kk-primary: #111214; --kk-on-primary: #ffffff;
  --kk-secondary: #a33d20; --kk-secondary-hover: #8a3219;
  --kk-secondary-soft: #f6e3d6; --kk-on-secondary: #ffffff;
  --kk-orientation: #a33d20; --kk-orientation-hover: #8a3219;
  --kk-accent-text: #a33d20; --kk-accent-fill: #111214; --kk-on-accent: #ffffff;
  --kk-accent-soft: #eef6d0;
  --kk-new: #3f5a10; --kk-new-bg: #eef6d0;
  --kk-edited: #4b3a8c; --kk-edited-bg: #efe9fd;
  --kk-decision: #7fb2dd; --kk-blocker: #a33d20; --kk-question: #b9a3f5;
  --kk-idea: #f5c542; --kk-outcome: #c6e64f; --kk-parked: #77706a;
  --kk-on-decision: #111214; --kk-on-blocker: #ffffff; --kk-on-question: #111214;
  --kk-on-idea: #111214; --kk-on-outcome: #111214; --kk-on-link: #ffffff;
  --kk-on-identity-secondary: #111214;
  --kk-private: #5c5550; --kk-link: #a33d20; --kk-public: #3f5a10;
  --kk-danger: #b42318;
  --kk-r-xs: 4px; --kk-r-sm: 8px; --kk-r-md: 10px; --kk-r-lg: 14px;
  --kk-r-xl: 20px; --kk-r-pill: 999px;
  --kk-r-cell: 14px; --kk-r-button: 999px; --kk-r-mark: 8px;
  --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-fs-micro: 11px; --kk-fs-meta: 12px; --kk-fs-body: 14px;
  --kk-fs-title: 15px; --kk-fs-heading: 20px; --kk-fs-display: 32px; --kk-fs-input: 16px;
  --kk-lh-micro: 1.3; --kk-lh-meta: 1.4; --kk-lh-body: 1.5;
  --kk-lh-title: 1.35; --kk-lh-heading: 1.2; --kk-lh-display: 1.05;
  --kk-blk-heard: #b9a3f5; --kk-blk-made: #c6e64f; --kk-blk-out: #eaf4fa;
  --kk-blk-lib: #f5c542; --kk-blk-ink: #111214;
  --kk-hero: #eaf4fa; --kk-highlight: #c6e64f;
  --kk-font-serif-accent: "Instrument Serif", Georgia, serif;
  --kk-shadow-sm: 0 1px 2px rgba(17, 18, 20, .06);
  --kk-shadow-md: 0 8px 24px rgba(17, 18, 20, .08);
  --kk-shadow-lg: 0 30px 70px rgba(17, 18, 20, .12);
  --kk-t-fast: 120ms; --kk-t-base: 200ms; --kk-t-slow: 320ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

/* Dark exchanges the same neutrals; the stamp hues keep their values. */
[data-interface-system="kuickr.co"][data-theme="dark"] {
  --kk-font-display: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;
  --kk-font-ui: "Instrument Sans", system-ui, sans-serif;
  --kk-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #121315; --kk-wash: #17181b; --kk-paper: #1b1c1f; --kk-card: #1f2023;
  --kk-bar: rgba(18, 19, 21, .9);
  --kk-fill: #26272b; --kk-fill-soft: #222326;
  --kk-line: rgba(242, 242, 240, .14); --kk-border: rgba(242, 242, 240, .26);
  --kk-ink: #f2f2f0; --kk-text: #dcdbd7; --kk-text-soft: #c9c9c6;
  --kk-muted: #9a9b9f; --kk-muted-soft: #8e8f93; --kk-faint: #6b6c70;
  --kk-primary: #f2f2f0; --kk-on-primary: #111214;
  --kk-secondary: #f08a67; --kk-secondary-hover: #f6a586;
  --kk-secondary-soft: #3a2219; --kk-on-secondary: #111214;
  --kk-orientation: #f08a67; --kk-orientation-hover: #f6a586;
  --kk-accent-text: #f08a67; --kk-accent-fill: #f2f2f0; --kk-on-accent: #111214;
  --kk-accent-soft: #2c3315;
  --kk-new: #c6e64f; --kk-new-bg: #2c3315;
  --kk-edited: #b9a3f5; --kk-edited-bg: #2a2440;
  --kk-decision: #7fb2dd; --kk-blocker: #f08a67; --kk-question: #b9a3f5;
  --kk-idea: #f5c542; --kk-outcome: #c6e64f; --kk-parked: #8e8f93;
  --kk-on-decision: #111214; --kk-on-blocker: #111214; --kk-on-question: #111214;
  --kk-on-idea: #111214; --kk-on-outcome: #111214; --kk-on-link: #111214;
  --kk-on-identity-secondary: #111214;
  --kk-private: #c9c9c6; --kk-link: #f08a67; --kk-public: #c6e64f;
  --kk-danger: #f28b82;
  --kk-r-xs: 4px; --kk-r-sm: 8px; --kk-r-md: 10px; --kk-r-lg: 14px;
  --kk-r-xl: 20px; --kk-r-pill: 999px;
  --kk-r-cell: 14px; --kk-r-button: 999px; --kk-r-mark: 8px;
  --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-fs-micro: 11px; --kk-fs-meta: 12px; --kk-fs-body: 14px;
  --kk-fs-title: 15px; --kk-fs-heading: 20px; --kk-fs-display: 32px; --kk-fs-input: 16px;
  --kk-lh-micro: 1.3; --kk-lh-meta: 1.4; --kk-lh-body: 1.5;
  --kk-lh-title: 1.35; --kk-lh-heading: 1.2; --kk-lh-display: 1.05;
  --kk-blk-heard: #3a3150; --kk-blk-made: #2f3815; --kk-blk-out: #1d2a33;
  --kk-blk-lib: #3d3214; --kk-blk-ink: #f2f2f0;
  --kk-hero: #17202a; --kk-highlight: #4a5a1a;
  --kk-font-serif-accent: "Instrument Serif", Georgia, serif;
  --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 30px 70px rgba(0, 0, 0, .45);
  --kk-t-fast: 120ms; --kk-t-base: 200ms; --kk-t-slow: 320ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

/* Phones: read a step larger, headline a step smaller. The selector must
   outrank the themed blocks above (0,3,0 and last), or dark would restore the
   desktop steps on a phone. */
@media (max-width: 640px) {
  :root[data-interface-system="kuickr.co"]:not([data-kk-fixed-type]) {
    --kk-fs-micro: 11px; --kk-fs-meta: 12px; --kk-fs-body: 15px;
    --kk-fs-title: 16px; --kk-fs-heading: 19px; --kk-fs-display: 26px; --kk-fs-input: 16px;
  }
}