/**
 * iCount Semantic Design Tokens
 * Generated from Figma Semantic Variables (Mode 1)
 * Aliases resolve to Global Colors in icount-colors.css
 */

:root {
	/* ==========================================
	 * CONTENT
	 * ========================================== */
	--content-primary: var(--neutral-900);
	--content-secondary: var(--neutral-700);
	--content-tertiary: var(--neutral-600);
	--content-placeholder: var(--neutral-600);
	--content-inverted: var(--white);
	--content-error: var(--danger-700);
	--content-success: var(--success-600);
	--content-brand: var(--primary-700);
	--content-accent: var(--accent-700);
	--content-warning: var(--warning-700);
	--content-info: var(--info-700);
	--content-disabled: var(--neutral-alpha-bold);

	/* ==========================================
	 * SURFACE
	 * ========================================== */
	--surface-primary: var(--white);
	--surface-secondary: var(--neutral-50);
	--surface-menu: var(--neutral-50);
	--surface-autofill: var(--info-50);
	--surface-backdrop: var(--overlay);
	--surface-loading: var(--primary-alpha);
	--surface-info-subtle: var(--info-100);
	--surface-error-subtle: var(--danger-100);
	--surface-success: var(--success-200);
	--surface-success-subtle: var(--success-50);
	--surface-warning: var(--warning-200);
	--surface-warning-subtle: var(--warning-100);
	--surface-brand-subtle: var(--primary-100);
	--surface-disabled: var(--neutral-alpha-subtle);

	/* ==========================================
	 * BORDER
	 * ========================================== */
	--border-default: var(--neutral-300);
	--border-subtle: var(--neutral-100);
	--border-focus: var(--info-700);
	--border-error: var(--danger-700);
	--border-success: var(--success-600);
	--border-brand: var(--primary-700);
	--border-hover: var(--neutral-400);

	/* ==========================================
	 * INTERACTION - PRIMARY
	 * ========================================== */
	--interaction-primary-default: var(--primary-700);
	--interaction-primary-hover: var(--primary-800);
	--interaction-primary-pressed: var(--primary-900);

	--interaction-primary-minimal-default: var(--white);
	--interaction-primary-minimal-hover: var(--primary-50);
	--interaction-primary-minimal-pressed: var(--primary-100);

	--interaction-primary-subtle-default: var(--primary-100);
	--interaction-primary-subtle-hover: var(--primary-200);
	--interaction-primary-subtle-pressed: var(--primary-300);

	--interaction-primary-medium-default: var(--primary-400);
	--interaction-primary-medium-hover: var(--primary-500);
	--interaction-primary-medium-pressed: var(--primary-600);

	--interaction-primary-bold-default: var(--primary-800);
	--interaction-primary-bold-hover: var(--primary-900);
	--interaction-primary-bold-pressed: var(--primary-950);

	--interaction-primary-ghost-default: var(--neutral-800);
	--interaction-primary-ghost-hover: var(--primary-700);
	--interaction-primary-ghost-pressed: var(--primary-800);

	/* ==========================================
	 * INTERACTION - NEUTRAL
	 * ========================================== */
	--interaction-neutral-default: var(--neutral-300);
	--interaction-neutral-hover: var(--neutral-400);
	--interaction-neutral-pressed: var(--neutral-500);

	--interaction-neutral-minimal-default: var(--white);
	--interaction-neutral-minimal-hover: var(--neutral-50);
	--interaction-neutral-minimal-pressed: var(--neutral-100);

	--interaction-neutral-subtle-default: var(--neutral-50);
	--interaction-neutral-subtle-hover: var(--neutral-100);
	--interaction-neutral-subtle-pressed: var(--neutral-200);

	--interaction-neutral-bold-default: var(--neutral-700);
	--interaction-neutral-bold-hover: var(--neutral-800);
	--interaction-neutral-bold-pressed: var(--neutral-900);

	/* ==========================================
	 * INTERACTION - DANGER
	 * ========================================== */
	--interaction-danger-default: var(--danger-600);
	--interaction-danger-hover: var(--danger-700);
	--interaction-danger-pressed: var(--danger-800);

	--interaction-danger-minimal-default: var(--white);
	--interaction-danger-minimal-hover: var(--danger-100);
	--interaction-danger-minimal-pressed: var(--danger-200);

	--interaction-danger-subtle-default: var(--danger-100);
	--interaction-danger-subtle-hover: var(--danger-200);
	--interaction-danger-subtle-pressed: var(--danger-300);

	--interaction-danger-medium-default: var(--danger-400);
	--interaction-danger-medium-hover: var(--danger-500);
	--interaction-danger-medium-pressed: var(--danger-600);

	--interaction-danger-bold-default: var(--danger-700);
	--interaction-danger-bold-hover: var(--danger-800);
	--interaction-danger-bold-pressed: var(--danger-900);

	--interaction-danger-ghost-default: var(--neutral-800);
	--interaction-danger-ghost-hover: var(--danger-600);
	--interaction-danger-ghost-pressed: var(--danger-700);

	/* ==========================================
	 * INTERACTION - INFO
	 * ========================================== */
	--interaction-info-default: var(--info-600);
	--interaction-info-hover: var(--info-700);
	--interaction-info-pressed: var(--info-800);

	--interaction-info-subtle-default: var(--info-50);
	--interaction-info-subtle-hover: var(--info-100);
	--interaction-info-subtle-pressed: var(--info-200);

	--interaction-info-ghost-default: var(--neutral-800);
	--interaction-info-ghost-hover: var(--info-600);
	--interaction-info-ghost-pressed: var(--info-700);

	/* ==========================================
	 * INTERACTION - SUCCESS
	 * ========================================== */
	--interaction-success-default: var(--success-500);
	--interaction-success-hover: var(--success-600);
	--interaction-success-pressed: var(--success-700);

	--interaction-success-minimal-default: var(--white);
	--interaction-success-minimal-hover: var(--success-50);
	--interaction-success-minimal-pressed: var(--success-100);

	--interaction-success-subtle-default: var(--success-50);
	--interaction-success-subtle-hover: var(--success-100);
	--interaction-success-subtle-pressed: var(--success-200);

	--interaction-success-ghost-default: var(--neutral-800);
	--interaction-success-ghost-hover: var(--success-600);
	--interaction-success-ghost-pressed: var(--success-700);

	/* ==========================================
	 * INTERACTION - ALPHA
	 * (hover/pressed have no Figma global alias — raw values)
	 * ========================================== */
	--interaction-alpha-default: var(--transparent);
	--interaction-alpha-hover: rgba(49, 11, 117, 0.03);
	--interaction-alpha-pressed: rgba(113, 51, 217, 0.06);

	/* ==========================================
	 * OPACITY
	 * ========================================== */
	--opacity-disabled: 0.38;

	/* ==========================================
	 * FLD (field)
	 * ========================================== */
	--fld-border-focus: #BED8FF;
}