/* Generated by @pikopm/tokens. Do not edit by hand. */

:root,
[data-theme="light"] {
  color-scheme: light;
  --pk-color-bg-canvas: #F7F7F5;
  --pk-color-bg-sidebar: #EFEFEC;
  --pk-color-bg-surface: #FFFFFF;
  --pk-color-bg-raised: #FFFFFF;
  --pk-color-bg-hover: #F0F0EC;
  --pk-color-bg-selected: #E6E6E1;
  --pk-color-bg-inverse: #18181B;
  --pk-color-text-primary: #111111;
  --pk-color-text-secondary: #5E5E58;
  --pk-color-text-tertiary: #65655D;
  --pk-color-text-inverse: #FFFFFF;
  --pk-color-border-default: #E3E3DF;
  --pk-color-border-strong: #CBCBC5;
  --pk-color-border-hover: #A9A9A3;
  --pk-color-border-focus: #18181B;
  --pk-color-action-primary: #18181B;
  --pk-color-action-primary-hover: #000000;
  --pk-color-action-on-primary: #FFFFFF;
  --pk-color-action-danger: #C4321F;
  --pk-color-action-danger-hover: #A82A1A;
  --pk-color-action-on-danger: #FFFFFF;
  --pk-color-accent: #D2EE3E;
  --pk-color-accent-subtle: #EEF8BF;
  --pk-color-accent-text: #4D5C00;
  --pk-color-brand-tag-bg: #18181B;
  --pk-color-brand-tag-fg: #D2EE3E;
  --pk-color-status-success: #17744A;
  --pk-color-status-success-subtle: #E5F4EC;
  --pk-color-status-warning: #8A5300;
  --pk-color-status-warning-subtle: #FDF1DC;
  --pk-color-status-danger: #B42318;
  --pk-color-status-danger-subtle: #FDECEA;
  --pk-color-status-info: #2A5BC4;
  --pk-color-status-info-subtle: #E6EEFB;
  --pk-color-scrim: rgba(14,14,15,0.40);
  --pk-viz-1: #2F6FDB;
  --pk-viz-2: #D26E0F;
  --pk-viz-3: #13897D;
  --pk-viz-4: #C23F84;
  --pk-viz-5: #7050C8;
  --pk-viz-6: #7F9414;
  --pk-viz-7: #2F2F33;
  --pk-viz-8: #8A6A3A;
  --pk-shadow-1: 0 1px 2px rgba(17,17,17,0.05);
  --pk-shadow-2: 0 1px 3px rgba(17,17,17,0.06), 0 6px 16px rgba(17,17,17,0.08);
  --pk-shadow-3: 0 24px 56px rgba(17,17,17,0.18);
  --pk-graphite-0: #FFFFFF;
  --pk-graphite-25: #FBFBFA;
  --pk-graphite-50: #F7F7F5;
  --pk-graphite-100: #EFEFEC;
  --pk-graphite-150: #E3E3DF;
  --pk-graphite-200: #CBCBC5;
  --pk-graphite-300: #A9A9A3;
  --pk-graphite-400: #85857E;
  --pk-graphite-500: #74746D;
  --pk-graphite-600: #5E5E58;
  --pk-graphite-700: #45453F;
  --pk-graphite-800: #2A2A2D;
  --pk-graphite-850: #1F1F21;
  --pk-graphite-900: #18181B;
  --pk-graphite-950: #0E0E0F;
  --pk-citron-50: #F7FBE0;
  --pk-citron-100: #EEF8BF;
  --pk-citron-200: #E6F68E;
  --pk-citron-300: #DDF26A;
  --pk-citron-400: #D2EE3E;
  --pk-citron-500: #C2DE2E;
  --pk-citron-600: #A8C21F;
  --pk-citron-700: #6E8210;
  --pk-citron-800: #4D5C00;
  --pk-citron-900: #2F3800;
  --pk-viz-seq-1: #F7FBE0;
  --pk-viz-seq-2: #E6F68E;
  --pk-viz-seq-3: #C2DE2E;
  --pk-viz-seq-4: #7F9414;
  --pk-viz-seq-5: #3B4506;
  --pk-viz-div-1: #2F6FDB;
  --pk-viz-div-2: #9DB8EE;
  --pk-viz-div-3: #EFEFEC;
  --pk-viz-div-4: #F2B67A;
  --pk-viz-div-5: #D26E0F;
  --pk-sticky-citron: #EEF8BF;
  --pk-sticky-sky: #DCEBFB;
  --pk-sticky-mint: #D9F2E4;
  --pk-sticky-peach: #FDE3CF;
  --pk-sticky-rose: #FBDDE6;
  --pk-sticky-lilac: #EFE3FB;
  --pk-sticky-sand: #F1EADB;
  --pk-sticky-stone: #E6E6E1;
  --pk-cat-discovery-bg: #DCEBFB;
  --pk-cat-discovery-fg: #1F5FA8;
  --pk-cat-strategy-bg: #E3E6FA;
  --pk-cat-strategy-fg: #3F4BB0;
  --pk-cat-requirements-bg: #D6F0EC;
  --pk-cat-requirements-fg: #0F6E64;
  --pk-cat-roadmaps-bg: #FDE3CF;
  --pk-cat-roadmaps-fg: #A34E0B;
  --pk-cat-metrics-bg: #D9F2E4;
  --pk-cat-metrics-fg: #17744A;
  --pk-cat-launch-bg: #FBDDE6;
  --pk-cat-launch-fg: #A8275A;
  --pk-cat-canvases-bg: #F1EADB;
  --pk-cat-canvases-fg: #7A5A1E;
  --pk-cat-managing-up-bg: #EFE3FB;
  --pk-cat-managing-up-fg: #7A3DB5;
  --pk-cat-assistants-bg: #EEF8BF;
  --pk-cat-assistants-fg: #4D5C00;
  --pk-font-family-sans: 'Geist', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --pk-font-family-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --pk-font-family-mono: 'Geist Mono', ui-monospace, Consolas, monospace;
  --pk-font-display: 600 40px/44px var(--pk-font-family-sans);
  --pk-tracking-display: -0.03em;
  --pk-font-heading-xl: 600 28px/34px var(--pk-font-family-sans);
  --pk-tracking-heading-xl: -0.02em;
  --pk-font-heading-lg: 600 22px/28px var(--pk-font-family-sans);
  --pk-tracking-heading-lg: -0.015em;
  --pk-font-heading-md: 600 18px/24px var(--pk-font-family-sans);
  --pk-tracking-heading-md: -0.01em;
  --pk-font-heading-sm: 600 15px/20px var(--pk-font-family-sans);
  --pk-tracking-heading-sm: normal;
  --pk-font-body-lg: 400 16px/24px var(--pk-font-family-sans);
  --pk-tracking-body-lg: normal;
  --pk-font-body-md: 400 14px/20px var(--pk-font-family-sans);
  --pk-tracking-body-md: normal;
  --pk-font-body-sm: 400 13px/18px var(--pk-font-family-sans);
  --pk-tracking-body-sm: normal;
  --pk-font-label-md: 500 14px/20px var(--pk-font-family-sans);
  --pk-tracking-label-md: normal;
  --pk-font-label-sm: 500 13px/16px var(--pk-font-family-sans);
  --pk-tracking-label-sm: normal;
  --pk-font-caption: 500 12px/16px var(--pk-font-family-sans);
  --pk-tracking-caption: normal;
  --pk-font-overline: 600 11px/16px var(--pk-font-family-sans);
  --pk-tracking-overline: 0.06em;
  --pk-font-doc-title: 500 36px/44px var(--pk-font-family-serif);
  --pk-tracking-doc-title: -0.01em;
  --pk-font-doc-h1: 600 26px/34px var(--pk-font-family-serif);
  --pk-tracking-doc-h1: -0.005em;
  --pk-font-doc-h2: 600 20px/28px var(--pk-font-family-serif);
  --pk-tracking-doc-h2: normal;
  --pk-font-doc-body: 400 17px/28px var(--pk-font-family-serif);
  --pk-tracking-doc-body: normal;
  --pk-font-doc-small: 400 14px/22px var(--pk-font-family-serif);
  --pk-tracking-doc-small: normal;
  --pk-font-deck-title: 500 56px/62px var(--pk-font-family-serif);
  --pk-tracking-deck-title: -0.015em;
  --pk-font-mono: 400 13px/20px var(--pk-font-family-mono);
  --pk-tracking-mono: normal;
  --pk-space-0-5: 2px;
  --pk-space-1: 4px;
  --pk-space-1-5: 6px;
  --pk-space-2: 8px;
  --pk-space-3: 12px;
  --pk-space-4: 16px;
  --pk-space-5: 20px;
  --pk-space-6: 24px;
  --pk-space-8: 32px;
  --pk-space-10: 40px;
  --pk-space-12: 48px;
  --pk-space-16: 64px;
  --pk-space-20: 80px;
  --pk-space-24: 96px;
  --pk-radius-xs: 4px;
  --pk-radius-sm: 6px;
  --pk-radius-md: 8px;
  --pk-radius-lg: 12px;
  --pk-radius-xl: 16px;
  --pk-radius-full: 9999px;
  --pk-border-width-default: 1px;
  --pk-border-width-focus: 2px;
  --pk-size-control-sm: 32px;
  --pk-size-control-md: 36px;
  --pk-size-control-lg: 40px;
  --pk-size-row: 44px;
  --pk-space-control-x: 14px;
  --pk-size-reading: 720px;
  --pk-size-content-max: 1360px;
  --pk-size-touch: 44px;
  --pk-duration-instant: 80ms;
  --pk-duration-fast: 140ms;
  --pk-duration-base: 200ms;
  --pk-duration-slow: 320ms;
  --pk-duration-spin: 900ms;
  --pk-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --pk-easing-enter: cubic-bezier(0, 0, 0, 1);
  --pk-easing-exit: cubic-bezier(0.3, 0, 1, 1);
  --pk-z-sticky: 20;
  --pk-z-dropdown: 50;
  --pk-z-overlay: 100;
  --pk-z-modal: 110;
  --pk-z-toast: 120;
  --pk-z-tooltip: 130;
  --pk-focus-ring: 0 0 0 var(--pk-border-width-focus) var(--pk-color-bg-surface), 0 0 0 calc(var(--pk-border-width-focus) * 2) var(--pk-color-border-focus);
}

[data-theme="dark"] {
  color-scheme: dark;
  --pk-color-bg-canvas: #0E0E0F;
  --pk-color-bg-sidebar: #131314;
  --pk-color-bg-surface: #18181A;
  --pk-color-bg-raised: #1F1F21;
  --pk-color-bg-hover: #232326;
  --pk-color-bg-selected: #2A2A2D;
  --pk-color-bg-inverse: #EDEDEA;
  --pk-color-text-primary: #EDEDEA;
  --pk-color-text-secondary: #A3A39D;
  --pk-color-text-tertiary: #94948D;
  --pk-color-text-inverse: #111111;
  --pk-color-border-default: #2A2A2D;
  --pk-color-border-strong: #3A3A3E;
  --pk-color-border-hover: #4A4A4F;
  --pk-color-border-focus: #D2EE3E;
  --pk-color-action-primary: #D2EE3E;
  --pk-color-action-primary-hover: #DDF26A;
  --pk-color-action-on-primary: #111111;
  --pk-color-action-danger: #F2564B;
  --pk-color-action-danger-hover: #FF6B61;
  --pk-color-action-on-danger: #111111;
  --pk-color-accent: #D2EE3E;
  --pk-color-accent-subtle: #2A3106;
  --pk-color-accent-text: #D2EE3E;
  --pk-color-brand-tag-bg: #2A2A2D;
  --pk-color-brand-tag-fg: #D2EE3E;
  --pk-color-status-success: #5BD69A;
  --pk-color-status-success-subtle: #0F2A1D;
  --pk-color-status-warning: #F5B84A;
  --pk-color-status-warning-subtle: #2E2108;
  --pk-color-status-danger: #FF8A80;
  --pk-color-status-danger-subtle: #3A1311;
  --pk-color-status-info: #8AB0FF;
  --pk-color-status-info-subtle: #13223F;
  --pk-color-scrim: rgba(0,0,0,0.60);
  --pk-viz-1: #6F9DF0;
  --pk-viz-2: #F29A4A;
  --pk-viz-3: #3FC0B1;
  --pk-viz-4: #EE7DB7;
  --pk-viz-5: #A98CF0;
  --pk-viz-6: #D2EE3E;
  --pk-viz-7: #E4E4DF;
  --pk-viz-8: #C9A36B;
  --pk-shadow-1: none;
  --pk-shadow-2: 0 8px 24px rgba(0,0,0,0.5);
  --pk-shadow-3: 0 24px 64px rgba(0,0,0,0.65);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --pk-color-bg-canvas: #0E0E0F;
    --pk-color-bg-sidebar: #131314;
    --pk-color-bg-surface: #18181A;
    --pk-color-bg-raised: #1F1F21;
    --pk-color-bg-hover: #232326;
    --pk-color-bg-selected: #2A2A2D;
    --pk-color-bg-inverse: #EDEDEA;
    --pk-color-text-primary: #EDEDEA;
    --pk-color-text-secondary: #A3A39D;
    --pk-color-text-tertiary: #94948D;
    --pk-color-text-inverse: #111111;
    --pk-color-border-default: #2A2A2D;
    --pk-color-border-strong: #3A3A3E;
    --pk-color-border-hover: #4A4A4F;
    --pk-color-border-focus: #D2EE3E;
    --pk-color-action-primary: #D2EE3E;
    --pk-color-action-primary-hover: #DDF26A;
    --pk-color-action-on-primary: #111111;
    --pk-color-action-danger: #F2564B;
    --pk-color-action-danger-hover: #FF6B61;
    --pk-color-action-on-danger: #111111;
    --pk-color-accent: #D2EE3E;
    --pk-color-accent-subtle: #2A3106;
    --pk-color-accent-text: #D2EE3E;
    --pk-color-brand-tag-bg: #2A2A2D;
    --pk-color-brand-tag-fg: #D2EE3E;
    --pk-color-status-success: #5BD69A;
    --pk-color-status-success-subtle: #0F2A1D;
    --pk-color-status-warning: #F5B84A;
    --pk-color-status-warning-subtle: #2E2108;
    --pk-color-status-danger: #FF8A80;
    --pk-color-status-danger-subtle: #3A1311;
    --pk-color-status-info: #8AB0FF;
    --pk-color-status-info-subtle: #13223F;
    --pk-color-scrim: rgba(0,0,0,0.60);
    --pk-viz-1: #6F9DF0;
    --pk-viz-2: #F29A4A;
    --pk-viz-3: #3FC0B1;
    --pk-viz-4: #EE7DB7;
    --pk-viz-5: #A98CF0;
    --pk-viz-6: #D2EE3E;
    --pk-viz-7: #E4E4DF;
    --pk-viz-8: #C9A36B;
    --pk-shadow-1: none;
    --pk-shadow-2: 0 8px 24px rgba(0,0,0,0.5);
    --pk-shadow-3: 0 24px 64px rgba(0,0,0,0.65);
  }
}

[data-density="compact"] {
  --pk-size-control-sm: 28px;
  --pk-size-control-md: 32px;
  --pk-size-control-lg: 36px;
  --pk-size-row: 32px;
  --pk-space-control-x: 10px;
}

@media (max-width: 639px) and (pointer: coarse) {
  :root:not([data-density="compact"]) {
    --pk-size-control-sm: 44px;
    --pk-size-control-md: 44px;
    --pk-size-control-lg: 48px;
    --pk-size-row: 52px;
    --pk-space-control-x: 16px;
  }
}