@import url('/themes/default/index.css');

@font-face {
	font-family: 'DM Serif Display';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('/themes/adoreal/DMSerifDisplay-Regular.woff2') format('woff2');
}

:root {
	--adoreal-color-brand-primary: #342f2c;
	--adoreal-color-brand-secondary: #e1a991;
	--adoreal-color-brand-tertiary: #fff;
	--adoreal-color-accent-interactive: #e1a991;
	--adoreal-color-background-base: #fff;
	--adoreal-color-background-subtle: #fef7f5;
	--adoreal-color-surface: #fff;
	--adoreal-color-border: #ebebeb;
	--adoreal-color-text-primary: #342f2c;
	--adoreal-color-text-muted: #6b635d;
	--adoreal-color-text-on-brand: #fff;
	--adoreal-cocoa: #342f2c;
	--adoreal-peach: #e1a991;
	--adoreal-white: #fff;
	--adoreal-blush-50: #fef7f5;
	--adoreal-blush-100: #fdf0eb;
	--adoreal-blush-200: #ffe1d9;
	--adoreal-clay-300: #cd937a;
	--adoreal-clay-500: #b1785f;
	--adoreal-clay-700: #965e47;
	--adoreal-stone-100: #ebebeb;
	--adoreal-sand-100: #e8e1d5;
	--adoreal-olive-100: #efece1;
	--adoreal-olive-300: #c7c19a;
	--adoreal-olive-500: #8a8458;
	--adoreal-olive-700: #5e5938;
	--adoreal-rose-100: #f6e4e2;
	--adoreal-rose-300: #d9a9a6;
	--adoreal-rose-500: #b07c79;
	--adoreal-rose-700: #7d5350;
	--adoreal-font-display: 'DM Serif Display', georgia, serif;
	--adoreal-font-sans: 'Proxima Nova', 'Myriad Pro', system-ui, sans-serif;
	--adoreal-weight-regular: 400;
	--adoreal-weight-medium: 500;
	--adoreal-weight-semibold: 600;
	--adoreal-weight-bold: 700;
	--adoreal-size-display: 112px;
	--adoreal-size-h1: 64px;
	--adoreal-size-h2: 48px;
	--adoreal-size-h3: 28px;
	--adoreal-size-lede: 22px;
	--adoreal-size-body: 16px;
	--adoreal-size-small: 14px;
	--adoreal-size-eyebrow: 11px;
	--adoreal-leading-display: 1.05;
	--adoreal-leading-heading: 1.2;
	--adoreal-leading-ui: 1.5;
	--adoreal-leading-lede: 1.55;
	--adoreal-leading-body: 1.65;
	--adoreal-tracking-display: -0.02em;
	--adoreal-tracking-normal: 0em;
	--adoreal-tracking-eyebrow: 0.18em;
	--adoreal-space-1: 4px;
	--adoreal-space-2: 8px;
	--adoreal-space-4: 16px;
	--adoreal-space-6: 24px;
	--adoreal-space-8: 32px;
	--adoreal-space-12: 48px;
	--adoreal-space-16: 64px;
	--adoreal-space-24: 96px;
	--adoreal-radius-xs: 4px;
	--adoreal-radius-sm: 8px;
	--adoreal-radius-md: 14px;
	--adoreal-radius-lg: 22px;
	--adoreal-radius-xl: 32px;
	--adoreal-radius-2xl: 44px;
	--adoreal-radius-pill: 999px;
	--adoreal-shadow-xs: 0 1px 2px rgb(52 47 44 / 6%);
	--adoreal-shadow-sm: 0 2px 8px rgb(52 47 44 / 8%);
	--adoreal-shadow-md: 0 6px 16px rgb(52 47 44 / 10%);
	--adoreal-shadow-lg: 0 16px 40px rgb(52 47 44 / 14%);
	--adoreal-easing-default: cubic-bezier(0.22, 0.61, 0.36, 1);
	--adoreal-duration-micro: 140ms;
	--adoreal-duration-standard: 240ms;
	--adoreal-duration-deliberate: 420ms;
	--adoreal-icon-stroke: 1.75px;
	--adoreal-icon-size-sm: 16px;
	--adoreal-icon-size-md: 20px;
	--adoreal-icon-size-lg: 24px;
	--adoreal-icon-size-xl: 32px;
	--primary-font: var(--adoreal-font-sans);
	--display-font: var(--adoreal-font-display);
	--brand-color: #342f2c;
	--link: #e1a991;
	--link-light: rgb(225 169 145 / 18%);
	--blue-05: #4a423e;
	--blue-04: #965e47;
	--blue-03: #b1785f;
	--blue-02: #ffe1d9;
	--light-blue-03: #fdf0eb;
	--light-blue-02: #fef7f5;
	--light-blue-01: #fef7f5;
	--light-blue-alpha-01: var(--adoreal-color-accent-interactive);
	--light-blue-alpha-02: rgb(52 47 44 / 7%);
	--light-blue-bg: #fdfaf9;
	--light-alpha-01: var(--adoreal-color-accent-interactive);
	--light-alpha-02: rgb(52 47 44 / 7%);
	--highlight: #e1a991;
	--highlight-01: #fdf0eb;
	--dark-blue: #342f2c;
	--dark-blue-01: #1e1b19;
	--primary-headline: #342f2c;
	--interview-modal-bg: none;
	--mode-tab-shadow-active: 0 0 0 1px rgb(52 47 44 / 6%),
		0 1px 2px 0 rgb(52 47 44 / 6%), 0 3px 3px 0 rgb(52 47 44 / 5%),
		0 7px 4px 0 rgb(52 47 44 / 3%);
	--interview-mode-modal-bg: var(--adoreal-color-background-base);
	--interview-mode-modal-shadow: 0 0 0 1px rgb(52 47 44 / 6%),
		0 12px 5px 0 rgb(52 47 44 / 1%), 0 7px 4px 0 rgb(52 47 44 / 3%),
		0 3px 3px 0 rgb(52 47 44 / 5%), 0 1px 2px 0 rgb(52 47 44 / 6%);
	--interview-mode-option-shadow: 0 0 0 1px rgb(52 47 44 / 6%),
		0 3px 2px 0 rgb(225 169 145 / 12%),
		0 1px 1px 0 rgb(225 169 145 / 16%);
	--agent-studio-badge-neutral-bg: rgb(52 47 44 / 7%);
	--agent-studio-badge-approval-bg: rgb(225 169 145 / 18%);
	--agent-integrations-card-border: rgb(52 47 44 / 7%);
	--agent-integrations-search-border: rgb(52 47 44 / 7%);
	--agent-integrations-search-border-focus: rgb(225 169 145 / 50%);
	--agent-integrations-input-border: rgb(52 47 44 / 10%);
	--agent-integrations-input-border-focus: rgb(225 169 145 / 55%);
	--agent-integrations-hover-bg: rgb(225 169 145 / 10%);
	--agent-integrations-skeleton-bg: rgb(52 47 44 / 4%);
	--agent-integrations-tool-item-bg: rgb(52 47 44 / 2%);
	--flowkit-blue: #e1a991;
	--flowkit-purple: #b07c79;
	--flowkit-orange: #b1785f;
	--flowkit-green: #8a8458;
	--accent-blue: #e1a991;
	--accent-purple: #b07c79;
	--accent-green: #8a8458;
	--accent-pink: #d9a9a6;
	--info-blue: #965e47;
	--purple-01: #7d5350;
	--purple-02: #f6e4e2;
	--purple-03: #b07c79;
	--purple-04: #d9a9a6;
	--purple-05: #b07c79;
	--purple-06: #7d5350;
	--agent-blue: #e1a991;
	--agent-blue-light: #ffe1d9;
	--agent-blue-dark: #965e47;
	--agent-blue-bright: #cd937a;
	--agent-blue-hover: #cd937a;
	--agent-blue-hover-light: #fdf0eb;
	--mode-agent-from: #e1a991;
	--mode-agent-to: #ffe1d9;
	--grey-06-text: #342f2c;
	--grey-05-text: #6b635d;
	--grey-04-text: #8a817a;
	--grey-03-stroke: #c9c3bb;
	--grey-02-stroke: #ded8d1;
	--grey-01-stroke: #ebebeb;
	--grey-00: #fff;
	--light: #fef7f5;
	--slightly-light: #fdfaf9;
	--light-01: #f6efec;
	--btn-border-radius: 999px;
	--btn-border-radius-lg: 999px;
	--btn-border-radius-sm: 999px;
	--radius: 14px;
	--radius-sm: 8px !important;
	--radius-md: 14px !important;
	--radius-lg: 14px !important;
	--radius-xl: 22px !important;
	--radius-rounded-full: 999px;
	--sign-in-form-input-border-radius: 14px;
	--sign-up-form-input-border-radius: 14px;
	--forgot-password-form-input-border-radius: 14px;
	--create-new-password-form-input-border-radius: 14px;
	--shadow-01: var(--adoreal-shadow-sm);
	--shadow-02: var(--adoreal-shadow-md);
	--shadow-03: var(--adoreal-shadow-lg);
	--shadow-04: var(--adoreal-shadow-xs);
	--pm-shadow-overlay: var(--adoreal-shadow-lg);
	--pm-ring-subtle: 0 0 0 1px rgb(52 47 44 / 8%);
	--primary-btn-bg: #e1a991;
	--primary-btn-color: #342f2c;
	--primary-btn-bg-hover: #cd937a;
	--primary-btn-color-hover: #342f2c;
	--with-sidebar-root-bg: #fff;
	--with-sidebar-sidebar-color: #342f2c;
	--with-sidebar-nav-item-color: #342f2c;
	--with-sidebar-nav-item-color-hover: #342f2c;
	--with-sidebar-nav-item-color-active: #342f2c;
	--with-sidebar-nav-item-color-pressed: #342f2c;
	--with-sidebar-nav-item-icon-color: #8a817a;
	--with-sidebar-nav-item-icon-color-hover: #342f2c;
	--with-sidebar-nav-item-icon-color-active: #965e47;
	--with-sidebar-nav-item-bg: transparent;
	--with-sidebar-nav-item-bg-hover: rgb(225 169 145 / 16%);
	--with-sidebar-nav-item-bg-active: #fdf0eb;
	--with-sidebar-nav-item-bg-pressed: #ffe1d9;
	--with-sidebar-nav-divider-color: #ebebeb;
	--with-sidebar-logo-color: #342f2c;
	--with-sidebar-create-btn-bg: #fff;
	--with-sidebar-create-btn-bg-hover: #fef7f5;
	--with-sidebar-card-shadow: 0 1px 2px 0 rgb(52 47 44 / 6%), 0 0 0 1px rgb(52 47 44 / 6%);
	--with-sidebar-section-divider-color: rgb(52 47 44 / 8%);
	--with-sidebar-credits-bg: linear-gradient(90deg, #fff 0%, #fdf0eb 100%);
	--with-sidebar-referral-bg: linear-gradient(90deg, #fff 0%, #efece1 100%);
	--with-sidebar-upgrade-color: var(--adoreal-color-accent-interactive);
	--with-sidebar-group-label-color: #8a817a;
	--with-sidebar-main-content-bg: #fffdfc;
	--workspace-switch-arrow-color: #342f2c;
	--workspace-switch-counter-color: #8a817a;
	--workspace-switch-name-color: #342f2c;
	--user-head-block-arrow-color: #342f2c;
	--user-head-block-create-btn-bg: #e1a991;
	--user-head-block-create-btn-bg-hover: #cd937a;
	--user-head-block-create-btn-color: #342f2c;
	--header-credits-color: #342f2c;
	--header-credits-buy-more-color: var(--adoreal-color-accent-interactive);
	--header-credits-buy-more-color-hover: var(--adoreal-clay-300);
	--pm-accent: var(--adoreal-color-accent-interactive);
	--pm-accent-hover: var(--adoreal-clay-300);
	--pm-accent-soft: rgb(225 169 145 / 18%);
	--pm-accent-fg: var(--adoreal-cocoa);
	--pm-bg-page: #fff;
	--pm-bg-surface: #fef7f5;
	--pm-bg-raised: #fff;
	--pm-tint-soft: rgb(52 47 44 / 3%);
	--pm-tint-default: rgb(52 47 44 / 6%);
	--pm-tint-strong: rgb(52 47 44 / 10%);
	--pm-hover-bg: #fdf0eb;
	--pm-active-bg: #ffe1d9;
	--pm-success: #8a8458;
	--agent-studio-brand-accent: #e1a991;
	--agent-studio-brand-accent-fg: #342f2c;
	--agent-studio-brand-accent-hover: #cd937a;
	--agent-studio-text-emphasis: #342f2c;
	--agent-studio-page-bg: #fff;
	--agent-studio-surface-subtle: #fef7f5;
	--agent-studio-sidebar-bg: #fef7f5;
	--agent-studio-page-glow-1: rgb(225 169 145 / 18%);
	--agent-studio-page-glow-2: rgb(232 225 213 / 35%);
	--agent-studio-page-dot-color: rgb(52 47 44 / 8%);
	--agent-studio-org-chart-link: rgb(52 47 44 / 25%);
	--agent-studio-border: rgb(52 47 44 / 7%);
	--agent-studio-border-strong: rgb(52 47 44 / 12%);
	--agent-studio-border-focus: rgb(225 169 145 / 60%);
	--agent-studio-hover-bg: rgb(225 169 145 / 10%);
	--agent-studio-selected-bg: #fdf0eb;
	--agent-studio-sidebar-item-hover-bg: rgb(225 169 145 / 12%);
	--agent-studio-sidebar-item-active-bg: #fdf0eb;
	--agent-studio-sidebar-border-color: rgb(52 47 44 / 7%);
	--switch-on-bg: #342f2c;
	--slider-range-bg: #b1785f;
	--slider-thumb-border: #b1785f;
	--btn-default-solid-bg: #fdf0eb;
	--btn-default-solid-bg-hover: #ffe1d9;
	--btn-tint: rgb(52 47 44 / 6%);
	--btn-outline-border: rgb(52 47 44 / 12%);
	--btn-outline-bg-hover: #fef7f5;
	--btn-outline-secondary-border: rgb(52 47 44 / 10%);
	--btn-outline-secondary-bg-hover: #fef7f5;
	--input-field-ring: rgb(52 47 44 / 8%);
	--input-field-ring-focus: var(--adoreal-color-accent-interactive);
	--input-field-bg-hover: #fef7f5;
	--ring: var(--adoreal-color-accent-interactive);
	--background: var(--adoreal-color-background-base);
	--foreground: var(--adoreal-color-text-primary);
	--card: var(--adoreal-color-surface);
	--card-foreground: var(--adoreal-color-text-primary);
	--popover: var(--adoreal-color-surface);
	--popover-foreground: var(--adoreal-color-text-primary);
	--primary-shadcn: var(--adoreal-cocoa);
	--primary-shadcn-foreground: var(--adoreal-color-text-on-brand);
	--secondary-shadcn: var(--adoreal-blush-100);
	--secondary-shadcn-foreground: var(--adoreal-color-text-primary);
	--muted: var(--adoreal-blush-50);
	--muted-foreground: var(--adoreal-color-text-muted);
	--accent: var(--adoreal-blush-100);
	--accent-foreground: var(--adoreal-color-text-primary);
	--border-shadcn: var(--adoreal-color-border);
	--input-shadcn: var(--adoreal-color-border);
	--settings-nav-active-bg: var(--adoreal-blush-100);
	--wl-auth-layout-bg: #fef7f5;
	--wl-auth-layout-color: #342f2c;
	--wl-auth-layout-form-wrap-background: #fff;
	--wl-auth-layout-form-wrap-padding: 2.5rem 2rem;
	--wl-auth-layout-form-wrap-margin: 64px 0 0 0;
	--wl-auth-layout-form-wrap-border-radius: 22px;
	--wl-auth-layout-form-wrap-box-shadow: 0 16px 40px rgb(52 47 44 / 14%);
	--wl-auth-layout-form-wrap-gap: 24px;
	--sign-in-form-label-color: #342f2c;
	--sign-up-form-label-color: #342f2c;
	--forgot-password-form-label-color: #342f2c;
	--create-new-password-form-label-color: #342f2c;
	--custom-loading-modal-bg: radial-gradient(86.34% 86.34% at 50% 37.18%, #4a423e 0%, #241f1d 100%);
	--custom-loading-modal-sub-title-color: #f0dcd2;
	--custom-loading-modal-spinner-color: #e1a991;
	--custom-loading-modal-decor-circle-bg: linear-gradient(0deg, #342f2c, #cd937a) border-box;
	--custom-progress-modal-bg: radial-gradient(86.34% 86.34% at 50% 37.18%, #4a423e 0%, #241f1d 100%);
	--custom-progress-modal-await-state-color: #9c8d84;
	--custom-progress-modal-completed-badge-color: #e1a991;
	--custom-progress-modal-steps-line-color: #cd937a;
	--custom-progress-modal-sub-title-color: #f0dcd2;
	--custom-progress-modal-back-grid-color: #6b635d;
	--mode-brainstorm-fg: #7d5350;
	--mode-instant-fg: #965e47;
	--mode-plan-fg: #5e5938;
	--mode-interview-fg: #342f2c;
	--interview-background-display: none;
	--interview-orb-waiting: #8a817a;
	--interview-orb-listening: #e1a991;
	--interview-orb-speaking: #8a8458;
	--interview-orb-writing: #8a8458;
	--brand-guide-modal-bg: linear-gradient(
		180deg,
		var(--adoreal-color-background-base) 0%,
		var(--adoreal-color-background-subtle) 100%
	);
	--brand-guide-interview-bg: var(--brand-guide-modal-bg);
	--trendmaster-trending-hash-color: var(--adoreal-color-accent-interactive);
	--trendmaster-topics-wrapper-bg: radial-gradient(53.34% 78.53% at 35.1% 58.18%, #efece1 0.86%, #fdf0eb 100%);
	--trendmaster-trend-card-bg: rgb(255 255 255 / 60%);
	--item-list-ideas-dropdown-button-color: var(--adoreal-color-accent-interactive);
	--optimize-dropdown-button-before-bg: linear-gradient(rgb(225 169 145 / 35%) 0%, rgb(232 225 213 / 35%) 50%, rgb(225 169 145 / 35%) 100%);
	--dashboard-quick-action-hover-bg: #fef7f5;
	--dashboard-quick-action-wrapper-icon-bg: #fdf0eb;
	--dashboard-quick-action-wrapper-icon-hover-bg: #ffe1d9;
	--feeds-card-empty-item-bg: linear-gradient(95.29deg, #fef7f5 1.94%, rgb(253 240 235 / 60%) 54.17%, rgb(255 225 217 / 70%) 97.23%);
	--twin-force-graph-container-canvas-bg: #fef7f5;
	--activity-heatmap-0: rgb(225 169 145 / 14%);
	--activity-heatmap-1: rgb(225 169 145 / 32%);
	--activity-heatmap-2: rgb(225 169 145 / 55%);
	--activity-heatmap-3: rgb(205 147 122 / 80%);
	--activity-heatmap-4: #b1785f;
	--activity-heatmap-skeleton: rgb(225 169 145 / 16%);
}

.adoreal-display {
	font-family: var(--adoreal-font-display);
	font-size: var(--adoreal-size-display);
	font-weight: var(--adoreal-weight-regular);
	line-height: var(--adoreal-leading-display);
	letter-spacing: var(--adoreal-tracking-display);
}

.adoreal-h1 {
	font-family: var(--adoreal-font-display);
	font-size: var(--adoreal-size-h1);
	font-weight: var(--adoreal-weight-regular);
	line-height: var(--adoreal-leading-display);
	letter-spacing: var(--adoreal-tracking-display);
}

.adoreal-h2 {
	font-family: var(--adoreal-font-display);
	font-size: var(--adoreal-size-h2);
	font-weight: var(--adoreal-weight-regular);
	line-height: var(--adoreal-leading-heading);
}

.adoreal-h3 {
	font-family: var(--adoreal-font-sans);
	font-size: var(--adoreal-size-h3);
	font-weight: var(--adoreal-weight-bold);
	line-height: var(--adoreal-leading-heading);
}

.adoreal-lede {
	font-family: var(--adoreal-font-sans);
	font-size: var(--adoreal-size-lede);
	font-weight: var(--adoreal-weight-regular);
	line-height: var(--adoreal-leading-lede);
}

.adoreal-body {
	font-family: var(--adoreal-font-sans);
	font-size: var(--adoreal-size-body);
	font-weight: var(--adoreal-weight-regular);
	line-height: var(--adoreal-leading-body);
}

.adoreal-small {
	font-family: var(--adoreal-font-sans);
	font-size: var(--adoreal-size-small);
	font-weight: var(--adoreal-weight-regular);
	line-height: var(--adoreal-leading-ui);
}

.adoreal-eyebrow {
	font-family: var(--adoreal-font-sans);
	font-size: var(--adoreal-size-eyebrow);
	font-weight: var(--adoreal-weight-semibold);
	line-height: var(--adoreal-leading-ui);
	letter-spacing: var(--adoreal-tracking-eyebrow);
	text-transform: uppercase;
}

.lucide[stroke-width='2'] {
	stroke-width: var(--adoreal-icon-stroke);
}

a,
button,
input,
select,
textarea,
[role='button'],
[role='tab'],
[role='menuitem'],
[role='option'],
[role='switch'],
[data-slot='button'] {
	transition-timing-function: var(--adoreal-easing-default);
}