:root {

  --seed-primary: #4b1d73;
  --seed-font-size: 14px;
  --seed-radius: 0px;
  --seed-control-height: 36px;
  --seed-unit: 4px;

  --brand-1: #f4eefa; --brand-2: #e8dcf4; --brand-3: #c7aee3; --brand-5: #7a3fb0;
  --brand-6: #4b1d73; --brand-7: #3a1559; --brand-8: #2c0f44;
  --fk-accent: #ff6b1a; --fk-accent-dark: #e85a0c;
  --navy-6: #0b2d5b; --navy-7: #08244a;

  --blue-1: #e6f4ff;  --blue-2: #bae0ff;  --blue-3: #91caff;  --blue-4: #69b1ff;  --blue-5: #4096ff;
  --blue-6: #1677ff;  --blue-7: #0958d9;  --blue-8: #003eb3;  --blue-9: #002c8c;  --blue-10: #001d66;

  --green-1: #f6ffed; --green-2: #d9f7be; --green-3: #b7eb8f; --green-4: #95de64; --green-5: #73d13d;
  --green-6: #52c41a; --green-7: #389e0d; --green-8: #237804; --green-9: #135200; --green-10: #092b00;

  --gold-1: #fffbe6;  --gold-2: #fff1b8;  --gold-3: #ffe58f;  --gold-4: #ffd666;  --gold-5: #ffc53d;
  --gold-6: #faad14;  --gold-7: #d48806;  --gold-8: #ad6800;  --gold-9: #874d00;  --gold-10: #613400;

  --red-1: #fff1f0;   --red-2: #ffccc7;   --red-3: #ffa39e;   --red-4: #ff7875;   --red-5: #ff4d4f;
  --red-6: #f5222d;   --red-7: #cf1322;   --red-8: #a8071a;   --red-9: #820014;   --red-10: #5c0011;

  --orange-1: #fff7e6; --orange-3: #ffd591; --orange-6: #fa8c16; --orange-7: #d46b08; --orange-8: #ad4e00;
  --cyan-1: #e6fffb;   --cyan-3: #87e8de;   --cyan-6: #13c2c2;   --cyan-7: #08979c;   --cyan-8: #006d75;
  --purple-1: #f9f0ff; --purple-3: #d3adf7; --purple-6: #722ed1; --purple-7: #531dab; --purple-8: #391085;
  --geekblue-1: #f0f5ff; --geekblue-3: #adc6ff; --geekblue-6: #2f54eb; --geekblue-7: #1d39c4;
  --magenta-1: #fff0f6; --magenta-3: #ffadd2; --magenta-6: #eb2f96; --magenta-7: #c41d7f;

  --gray-1: #ffffff;  --gray-2: #fbfbfc;  --gray-3: #f7f7f8;  --gray-4: #f7f7f8;  --gray-5: #f0f0f2;
  --gray-6: #e4e4e7;  --gray-7: #c9c9ce;  --gray-8: #4a4a4f;  --gray-9: #4a4a4f;  --gray-10: #121212;

  --color-primary: var(--seed-primary);
  --color-primary-hover: var(--brand-7);
  --color-primary-active: var(--brand-8);
  --color-primary-bg: var(--brand-1);
  --color-primary-bg-hover: var(--brand-2);
  --color-primary-border: var(--brand-3);
  --color-primary-text: var(--brand-8);

  --color-success: var(--green-6);
  --color-success-text: var(--green-8);
  --color-success-bg: var(--green-1);
  --color-success-border: var(--green-3);

  --color-warning: var(--gold-7);
  --color-warning-text: var(--gold-8);
  --color-warning-bg: var(--gold-1);
  --color-warning-border: var(--gold-3);

  --color-error: var(--red-7);
  --color-error-hover: var(--red-6);
  --color-error-active: var(--red-8);
  --color-error-text: var(--red-7);
  --color-error-bg: var(--red-1);
  --color-error-border: var(--red-3);

  --color-info: var(--blue-7);
  --color-info-bg: var(--blue-1);
  --color-info-border: var(--blue-3);

  --color-text: var(--gray-10);
  --color-text-secondary: var(--gray-8);
  --color-text-tertiary: #6b6b72;
  --color-text-disabled: #a3a3a3;
  --color-text-light: #ffffff;
  --color-nav-text: var(--gray-9);

  --color-bg-layout: #f6f6f7;
  --color-bg-container: var(--gray-1);
  --color-bg-elevated: var(--gray-1);
  --color-bg-subtle: var(--gray-3);
  --color-bg-sidebar: #2c0f44;
  --color-text-sidebar: rgba(255, 255, 255, 0.72);
  --color-text-sidebar-strong: #ffffff;
  --color-text-sidebar-muted: rgba(255, 255, 255, 0.5);
  --color-fill-sidebar: rgba(255, 255, 255, 0.08);
  --color-fill-sidebar-hover: rgba(255, 255, 255, 0.07);
  --color-fill-sidebar-active: rgba(255, 255, 255, 0.1);
  --color-bg-mask: rgba(0, 0, 0, 0.45);
  --color-bg-spotlight: rgba(0, 0, 0, 0.85);

  --color-fill: var(--gray-6);
  --color-fill-secondary: var(--gray-5);
  --color-fill-tertiary: var(--gray-4);
  --color-fill-quaternary: var(--gray-2);

  --color-border: var(--gray-7);
  --color-border-secondary: var(--gray-6);
  --color-border-subtle: #f3f3f3;
  --color-border-sidebar: rgba(255, 255, 255, 0.12);

  --color-avatar: #ff7a00;

  --font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-family-code: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-family-display: "Montserrat", var(--font-family);

  --font-size-sm: 12px;
  --font-size: var(--seed-font-size);
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-input: var(--font-size);

  --line-height-sm: 1.3333;
  --line-height: 1.4286;
  --line-height-lg: 1.5;

  --font-size-heading-1: 28px;  --line-height-heading-1: 36px;
  --font-size-heading-2: 16px;  --line-height-heading-2: 24px;
  --font-size-heading-3: 15px;  --line-height-heading-3: 22px;
  --font-size-heading-4: 14px;  --line-height-heading-4: 20px;

  --font-weight: 400;
  --font-weight-medium: 500;
  --font-weight-strong: 600;
  --font-weight-bold: 700;

  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space: 16px;
  --space-md: 20px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;

  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius: var(--seed-radius);
  --radius-lg: 0px;
  --radius-full: 0px;

  --control-height-sm: 32px;
  --control-height: var(--seed-control-height);
  --control-height-lg: 40px;
  --control-line-height: 20px;
  --control-padding-x: 12px;
  --button-padding-x: 14px;
  --touch-target: 44px;
  --action-bar-height: calc(var(--touch-target) + var(--space-xs) * 2 + env(safe-area-inset-bottom));

  --icon-size: 16px;
  --icon-size-lg: 20px;

  --page-gutter: 24px;
  --page-top: var(--space-xl);
  --card-padding: var(--space);
  --table-cell-py: var(--space-sm);
  --table-cell-px: var(--space-sm);

  --sidebar-width: 264px;
  --sidebar-padding: var(--space-sm);
  --topbar-height: 56px;
  --topbar-padding: var(--space-lg);
  --nav-item-height: 34px;
  --nav-item-gap: 2px;
  --nav-item-padding: 10px;
  --avatar-size: 26px;
  --record-aside-width: 350px;
  --prop-label-width: 130px;
  --modal-form-width: 760px;

  --shadow-tertiary: none;
  --head-height: 56px;
  --row-height: 48px;
  --row-height-lg: 72px;
  --stat-height: 136px;
  --font-size-stat: 40px;
  --font-size-figure: 32px;
  --card-pad-x: 20px;
  --shadow-card: 0 1px 2px 0 rgba(0, 0, 0, 0.04), 0 8px 24px -6px rgba(0, 0, 0, 0.1);
  --shadow-popup: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --shadow-up: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);
  --shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);

  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);
  --focus-ring-error: 0 0 0 3px color-mix(in srgb, var(--color-error) 12%, transparent);
  --focus-outline: 0 0 0 2px var(--color-bg-container), 0 0 0 4px var(--color-primary-border);

  --motion-duration-fast: 0.1s;
  --motion-duration-mid: 0.2s;
  --motion-duration-slow: 0.3s;
  --motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --motion-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);

  --z-action-bar: 1020;
  --z-topbar: 1020;
  --color-plate-band: #003399;
  --color-backdrop: #000000;

  --tblr-font-sans-serif: var(--font-family);
  --tblr-font-monospace: var(--font-family-code);
  --tblr-body-font-size: var(--font-size);
  --tblr-body-line-height: var(--line-height);
  --tblr-body-color: var(--color-text);
  --tblr-body-color-rgb: 18, 18, 18;
  --tblr-emphasis-color: var(--color-text);
  --tblr-body-bg: var(--color-bg-layout);
  --tblr-bg-surface: var(--color-bg-container);
  --tblr-bg-surface-primary: var(--color-bg-container);
  --tblr-bg-surface-secondary: var(--color-bg-subtle);
  --tblr-bg-surface-tertiary: var(--color-bg-subtle);
  --tblr-bg-forms: var(--color-bg-container);
  --tblr-active-bg: var(--color-fill-secondary);

  --tblr-font-weight-light: 400;
  --tblr-font-weight-normal: 400;
  --tblr-font-weight-medium: 500;
  --tblr-font-weight-semibold: 600;
  --tblr-font-weight-bold: 700;
  --tblr-font-weight-headings: 600;
  --tblr-font-size-h1: var(--font-size-heading-1);  --tblr-line-height-h1: var(--line-height-heading-1);
  --tblr-font-size-h2: var(--font-size-heading-2);  --tblr-line-height-h2: var(--line-height-heading-2);
  --tblr-font-size-h3: var(--font-size-heading-3);  --tblr-line-height-h3: var(--line-height-heading-3);
  --tblr-font-size-h4: var(--font-size-heading-4);  --tblr-line-height-h4: var(--line-height-heading-4);
  --tblr-font-size-h5: var(--font-size-sm);         --tblr-line-height-h5: 20px;
  --tblr-font-size-h6: var(--font-size-sm);         --tblr-line-height-h6: 20px;

  --tblr-primary: var(--color-primary);
  --tblr-primary-rgb: 255, 122, 0;
  --tblr-primary-fg: var(--color-text-light);
  --tblr-primary-darken: var(--color-primary-active);
  --tblr-blue: var(--color-info);           --tblr-blue-rgb: 9, 88, 217;
  --tblr-azure: var(--blue-6);              --tblr-azure-rgb: 22, 119, 255;
  --tblr-indigo: var(--geekblue-7);         --tblr-indigo-rgb: 29, 57, 196;
  --tblr-purple: var(--purple-7);           --tblr-purple-rgb: 83, 29, 171;
  --tblr-pink: var(--magenta-7);            --tblr-pink-rgb: 196, 29, 127;
  --tblr-red: var(--color-error);           --tblr-red-rgb: 207, 19, 34;
  --tblr-orange: var(--orange-7);           --tblr-orange-rgb: 212, 107, 8;
  --tblr-yellow: var(--color-warning);      --tblr-yellow-rgb: 212, 136, 6;
  --tblr-green: var(--color-success);       --tblr-green-rgb: 82, 196, 26;
  --tblr-teal: var(--cyan-8);               --tblr-teal-rgb: 0, 109, 117;
  --tblr-cyan: var(--cyan-7);               --tblr-cyan-rgb: 8, 151, 156;
  --tblr-success: var(--color-success);     --tblr-success-rgb: 23, 135, 0;
  --tblr-warning: var(--color-warning);     --tblr-warning-rgb: 212, 136, 6;
  --tblr-danger: var(--color-error);        --tblr-danger-rgb: 207, 19, 34;
  --tblr-info: var(--color-info);           --tblr-info-rgb: 9, 88, 217;
  --tblr-secondary: var(--gray-8);          --tblr-secondary-rgb: 97, 97, 97;
  --tblr-muted: var(--color-text-tertiary); --tblr-muted-rgb: 107, 120, 117;
  --tblr-secondary-color: var(--color-text-secondary);

  --tblr-link-color: var(--brand-8);
  --tblr-link-color-rgb: 194, 86, 0;
  --tblr-link-hover-color: var(--color-primary-hover);
  --tblr-link-hover-decoration: none;

  --tblr-border-color: var(--color-border);
  --tblr-border-color-translucent: var(--color-border-secondary);
  --tblr-border-active-color: var(--color-primary);
  --tblr-border-radius: var(--radius);
  --tblr-border-radius-sm: var(--radius-sm);
  --tblr-border-radius-lg: var(--radius-lg);
  --tblr-border-radius-xl: 0;
  --tblr-border-radius-xxl: 0;
  --tblr-border-radius-pill: 0;

  --tblr-shadow-card: none;
  --tblr-shadow-input: none;
  --tblr-shadow-dropdown: var(--shadow-popup);
  --tblr-box-shadow: var(--shadow-popup);
  --tblr-box-shadow-sm: var(--shadow-tertiary);
  --tblr-box-shadow-lg: var(--shadow-popup);

  --tblr-focus-ring-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
  --tblr-form-invalid-color: var(--color-error-text);
  --tblr-form-invalid-border-color: var(--color-error);
  --tblr-form-valid-color: var(--color-success-text);
  --tblr-form-valid-border-color: var(--color-success);
}

@media (pointer: coarse) {
  :root {
    --control-height-sm: 40px;
    --control-height: 44px;
    --control-height-lg: 48px;
    --font-size-input: 16px;
  }
}

@media (max-width: 991.98px) {
  :root {
    --topbar-padding: var(--space-xs);
  }
}

@media (max-width: 767.98px) {
  :root {
    --page-gutter: var(--space);
    --page-top: var(--space);
    --card-padding: var(--space);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-fast: 0s;
    --motion-duration-mid: 0s;
    --motion-duration-slow: 0s;
  }
}